html編程代碼有什么規(guī)律？HTML代碼約定許多Web開(kāi)發(fā)人員對(duì)HTML的代碼規(guī)范知之甚少。從2000年到2010年，許多Web開(kāi)發(fā)人員從HTML轉(zhuǎn)換到XHTML。利用XHTML，開(kāi)發(fā)者逐漸開(kāi)發(fā)出了更

html編程代碼有什么規(guī)律？

HTML代碼約定

許多Web開(kāi)發(fā)人員對(duì)HTML的代碼規(guī)范知之甚少。

從2000年到2010年，許多Web開(kāi)發(fā)人員從HTML轉(zhuǎn)換到XHTML。

利用XHTML，開(kāi)發(fā)者逐漸開(kāi)發(fā)出了更好的HTML編寫(xiě)規(guī)范。

對(duì)于HTML5，我們應(yīng)該形成更好的代碼規(guī)范，提供以下建議。

使用正確的文檔類(lèi)型

文檔類(lèi)型聲明位于HTML文檔的第一行:

lt！DOCTYPE htmlgt

如果你想像其他標(biāo)簽一樣使用小寫(xiě)，你可以使用下面的代碼:

lt！doctyp:。

ltSECTIONgt

Ltpgt這是一段話(huà)。lt/pgt

lt/SECTIONgt

非常糟糕，:。

ltSectiongt

Ltpgt這是一段話(huà)。lt/pgt

lt/SECTIONgt

推薦:

ltsectiongt

Ltpgt這是一段話(huà)。lt/pgt

lt/sectiongt

關(guān)閉所有HTML元素

在HTML5中，你不 不必關(guān)閉所有元素(例如，ltpgt元素)，但是我們建議您為每個(gè)元素添加一個(gè)關(guān)閉標(biāo)記。

不推薦:。

ltsectiongt

Ltpgt這是一段話(huà)。

Ltpgt這是一段話(huà)。

lt/sectiongt

推薦:

ltsectiongt

Ltpgt這是一段話(huà)。lt/pgt

Ltpgt這是一段話(huà)。lt/pgt

lt/sectiongt

關(guān)閉空的HTML元素

在HTML5中，一個(gè)空的HTML元素不會(huì)。;不需要關(guān)閉:

我們可以這樣寫(xiě):

ltmeta charset#34utf-8#34gt

你也可以這樣寫(xiě):

ltmeta chars:。

同時(shí)使用大小寫(xiě)是一個(gè)非常不好的習(xí)慣。

開(kāi)發(fā)者通常使用小寫(xiě)(類(lèi)似于XHTML)。

小寫(xiě)風(fēng)格看起來(lái)更清爽。

小寫(xiě)字母很容易寫(xiě)。

不推薦:

ltdiv CLASS#34menu#34gt

推薦:

ltdiv class#34m:。

如果屬性值包含空格，請(qǐng)使用引號(hào)。

如果不推薦混搭風(fēng)格，推薦統(tǒng)一風(fēng)格。

通過(guò)使用引號(hào)，屬性值易于閱讀。

以下實(shí)例屬性值包含不帶引號(hào)的空格，因此它們不起作用，:。

lttable classtable stripedgt

下面使用了雙引號(hào)，正確的是:

lt table class # 34 table striped # 34gt

圖片屬性

圖片通常使用alt屬性。當(dāng)畫(huà)面可以 t顯示，它可以代替圖片顯示。

ltimg src##34 alt#34HTML5#34gt

定義圖片大小，加載時(shí)預(yù)留指定空間，減少閃爍。

ltimg src # # 34 alt # 34 html 5 # 34 styl: 128 pxh: 128 px # 34gt

空格和等號(hào)

等號(hào)前后可以用空格。

lt link rel # 34 style sheet # 34 href # 34 styles . CSS # 34gt

但是我們建議使用更少的空間，:。

lt link rel # 34 style sheet # 34 href # 34 styles . CSS # 34gt

避免一長(zhǎng)串代碼。

用HTML編輯器，左右滾動(dòng)代碼很不方便。

盡量每行少于80個(gè)字符。

空行和縮進(jìn)

唐 不要無(wú)緣無(wú)故地添加空行。

為每個(gè)邏輯功能塊添加空行，以便于閱讀。

縮進(jìn)使用兩個(gè)空格，不建議使用TAB。

唐 不要在較短的代碼之間使用不必要的空行和縮進(jìn)。

不必要的空行和縮進(jìn):。

ltbodygt

Lth1gt菜鳥(niǎo)教程lt/h1gt

lth2gtHTMLlt/h2gt

ltpgt

菜鳥(niǎo)教程，學(xué)的不僅僅是技術(shù)，還有夢(mèng)想。

菜鳥(niǎo)教程學(xué)習(xí)的不僅僅是技術(shù)，還有夢(mèng)想。

菜鳥(niǎo)教程，學(xué)的不僅僅是技術(shù)，還有夢(mèng)想，

菜鳥(niǎo)教程，學(xué)的不僅僅是技術(shù)，還有夢(mèng)想。

lt/pgt

lt/bodygt

要怎么記住html和css中那么多的標(biāo)簽和屬性？

最好能記住，但不要記不住，至少要記住開(kāi)頭，然后看到就知道了。

使用Dreamweaver進(jìn)行編輯，是自動(dòng)提示的。你只需要輸入第一個(gè)字母就可以選擇。非常方便。

當(dāng)然，如果它是不專(zhuān)業(yè)的，它不 如果你不在乎。;我記不起來(lái)了。Dreamweaver可以設(shè)置樣式，然后自動(dòng)生成代碼。但是專(zhuān)業(yè)人士一定要懂得手工寫(xiě)代碼，這樣編輯樣式表會(huì)更快。我個(gè)人認(rèn)為，編輯源代碼的能力對(duì)于提高你的網(wǎng)站的開(kāi)發(fā)速度是必要的。畢竟打字比用鼠標(biāo)點(diǎn)快多了。