深圳網(wǎng)站制作最常見的HTML和CSS錯誤
初學(xué)者通過先進(jìn)的程序員在他們的HTML和CSS文件，無論是通過疏忽或缺乏經(jīng)驗的錯誤。干凈的代碼是非常重要的，雖然將有助于進(jìn)一步作為一個開發(fā)人員的技能，以及節(jié)省您的時間編輯后！如果你是一個熟練的開發(fā)人員，回顧它是很痛苦的…

初學(xué)者通過先進(jìn)的程序員在他們的HTML和CSS文件，無論是通過疏忽或缺乏經(jīng)驗的錯誤。干凈的代碼是非常重要的，雖然將有助于進(jìn)一步作為一個開發(fā)人員的技能，以及節(jié)省您的時間編輯后！如果你是一個熟練的開發(fā)人員，回顧它不會傷害你，許多錯誤是由于太快而不是從一開始就練習(xí)好的編碼技巧造成的。這是一個有益的和失誤的常見錯誤列表，我遇到了我自己的工作，以及與他人合作。

HTML錯誤

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

這是很常見的，尤其是初學(xué)者。幾個標(biāo)簽需要關(guān)閉的標(biāo)簽如div，強(qiáng)大的標(biāo)簽，并列舉了一些鏈接。其他標(biāo)簽需要結(jié)束斜杠結(jié)束線如一個img標(biāo)簽。

專區(qū)內(nèi)的文本

不正確的DOCTYPE

HTML文檔需要你開始用正確的DOCTYPE聲明。它需要在代碼中的任何其他之前，通過聲明您使用的HTML類型來啟動文檔。這里的XHTML 1過渡doctype。

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

按適當(dāng)?shù)捻樞虼蜷_和關(guān)閉標(biāo)簽是非常重要的。一旦某個東西（例如div）已經(jīng)打開，它必須在它關(guān)閉之前關(guān)閉。以下是不正確的。

文本

利用標(biāo)簽

這只是被認(rèn)為是壞的做法，但不會導(dǎo)致您的代碼未被驗證。你應(yīng)該總是使用小寫標(biāo)簽如div、鏈接和圖像。以下是不正確的。

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

我在初學(xué)者看到過很多東西，會導(dǎo)致代碼損壞，無法正常工作。HTML需要雙引號打開和關(guān)閉正確。這里有一個正確使用的例子。

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

這是另一個被認(rèn)為是不好的做法。內(nèi)聯(lián)樣式的工作，但會導(dǎo)致頭痛后！項目應(yīng)在全球范圍內(nèi)通過一個外部樣式表的樣式。這將是更容易編輯和添加樣式到未來。內(nèi)聯(lián)樣式的一個示例：

鏈接名稱

不編碼特殊字符

人物像“©”和“&”應(yīng)該表現(xiàn)出適當(dāng)?shù)腍TML代碼的特點。這里有一個偉大的字符列表和他們的HTML對應(yīng)，你應(yīng)該使用。

混淆類和IDS

類用于在一頁上多次使用的項。這可以是一個鏈接樣式，您可以在一個頁面上多次調(diào)用，但不遵循全局鏈接樣式。ID被稱為一次項，如頭部的class和id經(jīng)常被濫用，用在不必要的地方也。堅持你所需要的最低數(shù)量的分類。

CSS

忘記恰當(dāng)?shù)仃P(guān)閉東西

每個div或項目在開始與開幕曲括號和結(jié)束結(jié)束卷曲括號。每個調(diào)用的樣式需要用分號結(jié)束。一個項目中的最后一個聲明不需要分號，但最好使用它，以防以后你打算添加更多的項目，你可能會忘記將其添加回。正確使用的一個例子：

# divname {

寬度：40px；

身高：30px；

}

凝聚你的樣式表把所有聲明一個div一行是為辯論。我喜歡把每一個聲明自己的行，我認(rèn)為這是更容易編輯的方式，但有些人可能會說，它只是產(chǎn)生更長的代碼。

不使用全局樣式

許多東西應(yīng)該像段落和標(biāo)題樣式一樣用于文本和鏈接樣式。這將減少犯錯誤的風(fēng)險，也會減少你的樣式表的代碼量。

不使用ID和類的唯一名稱

它選擇的名稱是獨一無二的，它很容易編輯，后來是非常重要的，而且容易在你的樣式表的識別。命名您的div具體事象#離開家柱，不如#左。

不使用速記代碼

速記編碼的另一種方式是將你的樣式表，有助于加快以及用戶負(fù)荷倍找東西當(dāng)你編輯后的。而不是調(diào)用填充頂部，左，下，右-您可以使用：

填料：5px 10px 0 10px；

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

不使用縮短的顏色聲明

進(jìn)制數(shù)，重復(fù)# ffffff和# 000000可以濃縮為# FFF和# 000。這是另一種方法來壓縮您的代碼和保持東西短，容易看。

不正確的使用定位

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

驗證

驗證您的HTML和CSS文件將有助于減少錯誤，并找出問題可能來自。您的網(wǎng)站可能與一些常見的HTML和CSS錯誤的功能正確，但它并沒有使它的良好做法或有效的代碼。驗證器將幫助識別這些問題，你就可以對未來的調(diào)整你的代碼。

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

12常見的HTML錯誤

10 HTML錯誤應(yīng)該避免

十常見CSS錯誤

CSS速記指南

CSS初學(xué)者的錯誤

CSS的小抄

深圳網(wǎng)站制作最常見的HTML和CSS錯誤我們很多人都犯了這些HTML和CSS錯誤，包括我自己！我們只能努力從錯誤中吸取教訓(xùn)，實踐未來更好的編碼。清理您的代碼將幫助您進(jìn)一步提高您的編碼技能，并允許您創(chuàng)建更好的網(wǎng)站與更多的功能，為您的用戶。