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

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

　　HTML錯(cuò)誤

　　忘記關(guān)閉標(biāo)簽

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

　　區(qū)域中的文本

　　不正確DOCTYPE

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

　　嵌套標(biāo)簽不正確

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

　　文本

　　使用標(biāo)記

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

　　忘記打開(kāi)或關(guān)閉引號(hào)

　　對(duì)于初學(xué)者來(lái)說(shuō)，我見(jiàn)過(guò)很多會(huì)導(dǎo)致代碼損壞而無(wú)法正常工作的東西。HTML需要雙引號(hào)才能正確打開(kāi)和關(guān)閉。下面是一個(gè)如何正確使用它的例子。

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

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

　　鏈接名稱(chēng)

　　特殊字符不編碼

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

　　混淆類(lèi)與ids

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

　　CSS

　　忘了關(guān)好東西

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

　　#div名稱(chēng){

　　寬度：40px；

　　高度：30px；

　　}

　　壓縮樣式表，將所有聲明放在div行進(jìn)行辯論。我喜歡把每個(gè)語(yǔ)句放在自己的行上，我認(rèn)為這是一種更容易編輯的方法，但是有些人可能會(huì)說(shuō)它只生成更長(zhǎng)的代碼。

　　不使用全局樣式

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

　　不使用id和類(lèi)的唯一名稱(chēng)

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

　　無(wú)速記代碼

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

　　包裝：5px10px0 10px；

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

　　不要使用縮短的顏色語(yǔ)句

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

　　使用定位不正確

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

　　驗(yàn)證

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

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

　　12常見(jiàn)HTML錯(cuò)誤

　　應(yīng)避免HTML錯(cuò)誤

　　十個(gè)常見(jiàn)錯(cuò)誤CSS

　　CSS速記指南

　　CSS初學(xué)者錯(cuò)誤

　　CSS

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

http://www.dongguanlifeng.com/jianzhanzhishi/461.html 深圳網(wǎng)站**常見(jiàn)的HTML和CSS錯(cuò)誤