深圳網站**常見的HTML和CSS錯誤
深圳網站通過高級程序員在HTML和CSS文件中犯下初學者**常見的HTML和CSS錯誤,有的是疏忽大意,有的是沒有經驗的錯誤。干凈的代碼是非常重要的,雖然它將有助于進一步提高您作為一個開發人員的技能,以及節省您的時間后編輯!如果你是一個熟練的開發人員,那么審查它是痛苦的hellip;
初學者在他們的HTML和CSS文件中通過高級程序員,可能是由于疏忽或沒有經驗的錯誤。干凈的代碼是非常重要的,雖然它將有助于進一步提高您作為一個開發人員的技能,以及節省您的時間后編輯!如果你是一個熟練的開發人員,回顧它不會傷害你。許多錯誤是由于練習良好的編碼技能太快而不是從一造成的。這是一個有用的和常見的錯誤清單,我遇到了在我自己的工作以及與他人合作。
HTML錯誤
忘記關閉標簽
這是很常見的,尤其是初學者。有幾個標簽需要關閉,比如標簽div、強大的標簽和一些鏈接列表。其他標記需要一個結束斜杠結束線,例如img標記。
區域中的文本
不正確DOCTYPE
HTML文檔需要您從正確的DOCTYPE聲明開始。它需要先聲明您正在使用的HTML類型,然后再聲明代碼中的任何內容來啟動文檔。這里是XHTML 1轉換DOCTYPE。
嵌套標簽不正確
按正確的順序打開和關閉標簽是非常重要的。一旦某物(如div)被打開,它必須在關閉之前關閉。以下是不正確的。
文本
使用標記
這只是被認為是不好的做法,但它不會導致您的代碼未經驗證。您應該始終使用小寫標記,例如div、鏈接和圖像。以下是不正確的。
忘記打開或關閉引號
對于初學者來說,我見過很多會導致代碼損壞而無法正常工作的東西。HTML需要雙引號才能正確打開和關閉。下面是一個如何正確使用它的例子。
使用內聯樣式
這是另一種被認為不好的做法。內聯風格的作品,但可能會導致頭痛以后!項目應該通過外部樣式表進行全局樣式設置。以后編輯和添加樣式會更容易。內聯樣式示例:
鏈接名稱
特殊字符不編碼
圖ldquo;復印件;rdquo;和ldquoamp;rdquo;應顯示適當的HTML代碼特征。下面是您應該使用的字符及其HTML對應項的列表。
混淆類與ids
類用于在頁面上多次使用的項。這可以是一種鏈接樣式,您可以在一個頁面上多次調用它,而不必遵循全局鏈接樣式id稱為一次性項,例如類和id中的head,它們經常被濫用并在不必要的地方使用。堅持你所需要的**小分類數。
CSS
忘了關好東西
每個div或項目在開頭用開口括號卷曲,結尾用結束括號卷曲。每個調用的樣式都需要以分號結束。項目中的**后一條語句不需要分號,但**好使用分號,以防以后計劃添加更多項目而忘記將它們添加回去。正確使用示例:
#div名稱{
寬度:40px;
高度:30px;
}
壓縮樣式表,將所有聲明放在div行進行辯論。我喜歡把每個語句放在自己的行上,我認為這是一種更容易編輯的方法,但是有些人可能會說它只生成更長的代碼。
不使用全局樣式
很多東西應該用于文本和鏈接樣式,如段落和標題樣式。這將減少出錯的風險和樣式表中的代碼量。
不使用id和類的唯一名稱
它選擇的名稱是唯一的,易于編輯,稍后非常重要,并且在樣式表中很容易識別。將您的div指定事象#離開家柱命名,不如左。
無速記代碼
另一種速記代碼的方法是放置樣式表,這有助于加快用戶加載時間,以便在編輯樣式表時找到一些東西。您可以使用以下方法,而不是調用“填充頂部”、“左”、“下”、“右”:
包裝:5px10px0 10px;
速記代碼可以用于許多聲明,包括填充、邊距、邊框和字體。
不要使用縮短的顏色語句
基號,重復#ffffff和#000000可壓縮為#FFF和#000。這是另一種壓縮代碼并使事情簡短且易于查看的方法。
使用定位不正確
當您開始使用CSS時,定位很難理解。你的選擇是靜態的,相對的,絕對的和固定的。靜態是默認選項,并根據正常頁面流定位。相對對象相對于自身定位,這意味著可以根據對象通常的位置向上、向下、向左或向右移動。絕對允許您將一個項目放在頁面上的任何地方是使用**錯誤的定位語句。為其設置的值將與相對或絕對**后一個父項相對,如果不,則默認為HTML標記,允許您通過聲明左上角或右下角將其定位到任何位置。固定了相對于瀏覽器窗口的位置,因此如果用戶必須滾動,項目將保持在原位。學習如何正確使用定位是很重要的,但不應過度使用。我很少在樣式表中使用這些。
驗證
驗證HTML和CSS文件將有助于減少錯誤并識別可能來自的問題。您的網站可能會正確地使用一些常見的HTML和CSS錯誤,但這并不能使它成為良好的實踐或有效的代碼。驗證器將幫助識別這些問題,以便您可以為將來調整代碼。
深圳網站使**常見的HTML和CSS錯誤更多資源
12常見HTML錯誤
應避免HTML錯誤
十個常見錯誤CSS
CSS速記指南
CSS初學者錯誤
CSS
深圳網站犯了**常見的HTML和CSS錯誤。我們中的許多人都犯了這些HTML和CSS錯誤,包括我自己!我們只能從錯誤中吸取教訓,在將來練習更好的編碼。清理代碼將幫助您進一步提高編碼技能,并允許您為用戶創建更好的網站功能。
http://www.dgzxsm168.com/jianzhanzhishi/461.html 深圳網站**常見的HTML和CSS錯誤