深圳網(wǎng)站通過高級程序員在HTML和CSS文件中犯下初學者**常見的HTML和CSS錯誤，有的是疏忽大意，有的是沒有經(jīng)驗的錯誤。干凈的代碼是非常重要的，雖然它將有助于進一步提高您作為一個開發(fā)人員的技能，以及節(jié)省您的時間后編輯！如果你是一個熟練的開發(fā)人員，那么審查它是痛苦的hellip；

　　初學者在他們的HTML和CSS文件中通過高級程序員，可能是由于疏忽或沒有經(jīng)驗的錯誤。干凈的代碼是非常重要的，雖然它將有助于進一步提高您作為一個開發(fā)人員的技能，以及節(jié)省您的時間后編輯！如果你是一個熟練的開發(fā)人員，回顧它不會傷害你。許多錯誤是由于練習良好的編碼技能太快而不是從一造成的。這是一個有用的和常見的錯誤清單，我遇到了在我自己的工作以及與他人合作。

　　HTML錯誤

　　忘記關(guān)閉標簽

　　這是很常見的，尤其是初學者。有幾個標簽需要關(guān)閉，比如標簽div、強大的標簽和一些鏈接列表。其他標記需要一個結(jié)束斜杠結(jié)束線，例如img標記。

　　區(qū)域中的文本

　　不正確DOCTYPE

　　HTML文檔需要您從正確的DOCTYPE聲明開始。它需要先聲明您正在使用的HTML類型，然后再聲明代碼中的任何內(nèi)容來啟動文檔。這里是XHTML 1轉(zhuǎn)換DOCTYPE。

　　嵌套標簽不正確

　　按正確的順序打開和關(guān)閉標簽是非常重要的。一旦某物（如div）被打開，它必須在關(guān)閉之前關(guān)閉。以下是不正確的。

　　文本

　　使用標記

　　這只是被認為是不好的做法，但它不會導(dǎo)致您的代碼未經(jīng)驗證。您應(yīng)該始終使用小寫標記，例如div、鏈接和圖像。以下是不正確的。

　　忘記打開或關(guān)閉引號

　　對于初學者來說，我見過很多會導(dǎo)致代碼損壞而無法正常工作的東西。HTML需要雙引號才能正確打開和關(guān)閉。下面是一個如何正確使用它的例子。

　　使用內(nèi)聯(lián)樣式

　　這是另一種被認為不好的做法。內(nèi)聯(lián)風格的作品，但可能會導(dǎo)致頭痛以后！項目應(yīng)該通過外部樣式表進行全局樣式設(shè)置。以后編輯和添加樣式會更容易。內(nèi)聯(lián)樣式示例：

　　鏈接名稱

　　特殊字符不編碼

　　圖ldquo；復(fù)印件；rdquo；和ldquoamp；rdquo；應(yīng)顯示適當?shù)腍TML代碼特征。下面是您應(yīng)該使用的字符及其HTML對應(yīng)項的列表。

　　混淆類與ids

　　類用于在頁面上多次使用的項。這可以是一種鏈接樣式，您可以在一個頁面上多次調(diào)用它，而不必遵循全局鏈接樣式id稱為一次性項，例如類和id中的head，它們經(jīng)常被濫用并在不必要的地方使用。堅持你所需要的**小分類數(shù)。

　　CSS

　　忘了關(guān)好東西

　　每個div或項目在開頭用開口括號卷曲，結(jié)尾用結(jié)束括號卷曲。每個調(diào)用的樣式都需要以分號結(jié)束。項目中的**后一條語句不需要分號，但**好使用分號，以防以后計劃添加更多項目而忘記將它們添加回去。正確使用示例：

　　#div名稱{

　　寬度：40px；

　　高度：30px；

　　}

　　壓縮樣式表，將所有聲明放在div行進行辯論。我喜歡把每個語句放在自己的行上，我認為這是一種更容易編輯的方法，但是有些人可能會說它只生成更長的代碼。

　　不使用全局樣式

　　很多東西應(yīng)該用于文本和鏈接樣式，如段落和標題樣式。這將減少出錯的風險和樣式表中的代碼量。

　　不使用id和類的唯一名稱

　　它選擇的名稱是唯一的，易于編輯，稍后非常重要，并且在樣式表中很容易識別。將您的div指定事象#離開家柱命名，不如左。

　　無速記代碼

　　另一種速記代碼的方法是放置樣式表，這有助于加快用戶加載時間，以便在編輯樣式表時找到一些東西。您可以使用以下方法，而不是調(diào)用“填充頂部”、“左”、“下”、“右”：

　　包裝：5px10px0 10px；

　　速記代碼可以用于許多聲明，包括填充、邊距、邊框和字體。

　　不要使用縮短的顏色語句

　　基號，重復(fù)#ffffff和#000000可壓縮為#FFF和#000。這是另一種壓縮代碼并使事情簡短且易于查看的方法。

　　使用定位不正確

　　當您開始使用CSS時，定位很難理解。你的選擇是靜態(tài)的，相對的，絕對的和固定的。靜態(tài)是默認選項，并根據(jù)正常頁面流定位。相對對象相對于自身定位，這意味著可以根據(jù)對象通常的位置向上、向下、向左或向右移動。絕對允許您將一個項目放在頁面上的任何地方是使用**錯誤的定位語句。為其設(shè)置的值將與相對或絕對**后一個父項相對，如果不，則默認為HTML標記，允許您通過聲明左上角或右下角將其定位到任何位置。固定了相對于瀏覽器窗口的位置，因此如果用戶必須滾動，項目將保持在原位。學習如何正確使用定位是很重要的，但不應(yīng)過度使用。我很少在樣式表中使用這些。

　　驗證

　　驗證HTML和CSS文件將有助于減少錯誤并識別可能來自的問題。您的網(wǎng)站可能會正確地使用一些常見的HTML和CSS錯誤，但這并不能使它成為良好的實踐或有效的代碼。驗證器將幫助識別這些問題，以便您可以為將來調(diào)整代碼。

　　深圳網(wǎng)站使**常見的HTML和CSS錯誤更多資源

　　12常見HTML錯誤

　　應(yīng)避免HTML錯誤

　　十個常見錯誤CSS

　　CSS速記指南

　　CSS初學者錯誤

　　CSS

　　深圳網(wǎng)站犯了**常見的HTML和CSS錯誤。我們中的許多人都犯了這些HTML和CSS錯誤，包括我自己！我們只能從錯誤中吸取教訓，在將來練習更好的編碼。清理代碼將幫助您進一步提高編碼技能，并允許您為用戶創(chuàng)建更好的網(wǎng)站功能。

http://m.ezekroy.com/jianzhanzhishi/461.html 深圳網(wǎng)站**常見的HTML和CSS錯誤