深圳網(wǎng)站制作最常見(jiàn)的HTML和CSS錯(cuò)誤

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

初學(xué)者通過(guò)先進(jìn)的程序員在他們的HTML和CSS文件，無(wú)論是通過(guò)疏忽或缺乏經(jīng)驗(yàn)的錯(cuò)誤。干凈的代碼是非常重要的，雖然將有助于進(jìn)一步作為一個(gè)開(kāi)發(fā)人員的技能，以及節(jié)省您的時(shí)間編輯后！如果你是一個(gè)熟練的開(kāi)發(fā)人員，回顧它不會(huì)傷害你，許多錯(cuò)誤是由于太快而不是從一開(kāi)始就練習(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)簽需要結(jié)束斜杠結(jié)束線如一個(gè)img標(biāo)簽。

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

不正確的DOCTYPE

HTML文檔需要你開(kāi)始用正確的DOCTYPE聲明。它需要在代碼中的任何其他之前，通過(guò)聲明您使用的HTML類型來(lái)啟動(dòng)文檔。這里的XHTML 1過(guò)渡doctype。

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

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

文本

利用標(biāo)簽

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

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

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

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

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

鏈接名稱

不編碼特殊字符

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

混淆類和IDS

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

CSS

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

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

# divname {

寬度：40px；

身高：30px；

}

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

不使用全局樣式

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

不使用ID和類的唯一名稱

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

不使用速記代碼

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

填料：5px 10px 0 10px；

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

不使用縮短的顏色聲明

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

不正確的使用定位

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

驗(yàn)證

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

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

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

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

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

CSS速記指南

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

CSS的小抄

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

新聞標(biāo)題：深圳網(wǎng)站制作最常見(jiàn)的HTML和CSS錯(cuò)誤
網(wǎng)站地址：http://www.muchs.cn/news37/19537.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、靜態(tài)網(wǎng)站、定制開(kāi)發(fā)、建站公司、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)