html編程代碼有什么規(guī)律？
HTML代碼約定
許多Web開發(fā)人員對HTML的代碼規(guī)范知之甚少。
從2000年到2010年，許多Web開發(fā)人員從HTML轉(zhuǎn)換到XHTML。
利用XHTML，開發(fā)者逐漸開發(fā)出了更好的HTML編寫規(guī)范。
對于HTML5，我們應(yīng)該形成更好的代碼規(guī)范，提供以下建議。
使用正確的文檔類型
文檔類型聲明位于HTML文檔的第一行:
lt！DOCTYPEhtmlgt
如果你想像其他標(biāo)簽一樣使用小寫，你可以使用下面的代碼:
lt！doctyp:。
ltSECTIONgt
Ltpgt這是一段話。lt/pgt
lt/SECTIONgt
非常糟糕，:。
ltSectiongt
Ltpgt這是一段話。lt/pgt
lt/SECTIONgt
推薦:
ltsectiongt
Ltpgt這是一段話。lt/pgt
lt/sectiongt
關(guān)閉所有HTML元素
在HTML5中，你不不必關(guān)閉所有元素(例如，ltpgt元素)，但是我們建議您為每個(gè)元素添加一個(gè)關(guān)閉標(biāo)記。
不推薦:。
ltsectiongt
Ltpgt這是一段話。
Ltpgt這是一段話。
lt/sectiongt
推薦:
ltsectiongt
Ltpgt這是一段話。lt/pgt
Ltpgt這是一段話。lt/pgt
lt/sectiongt
關(guān)閉空的HTML元素
在HTML5中，一個(gè)空的HTML元素不會(huì)。;不需要關(guān)閉:
我們可以這樣寫:
ltmetacharset#34utf-8#34gt
你也可以這樣寫:
ltmetachars:。
同時(shí)使用大小寫是一個(gè)非常不好的習(xí)慣。
開發(fā)者通常使用小寫(類似于XHTML)。
小寫風(fēng)格看起來更清爽。
小寫字母很容易寫。
不推薦:
ltdivCLASS#34menu#34gt
推薦:
ltdivclass#34m:。
如果屬性值包含空格，請使用引號。
如果不推薦混搭風(fēng)格，推薦統(tǒng)一風(fēng)格。
通過使用引號，屬性值易于閱讀。
以下實(shí)例屬性值包含不帶引號的空格，因此它們不起作用，:。
lttableclasstablestripedgt
下面使用了雙引號，正確的是:
lttableclass#34tablestriped#34gt
圖片屬性
圖片通常使用alt屬性。當(dāng)畫面可以t顯示，它可以代替圖片顯示。
ltimgsrc##34alt#34HTML5#34gt
定義圖片大小，加載時(shí)預(yù)留指定空間，減少閃爍。
ltimgsrc##34alt#34html5#34styl:128pxh:128px#34gt
空格和等號
等號前后可以用空格。
ltlinkrel#34stylesheet#34href#34styles.CSS#34gt
但是我們建議使用更少的空間，:。
ltlinkrel#34stylesheet#34href#34styles.CSS#34gt
避免一長串代碼。
用HTML編輯器，左右滾動(dòng)代碼很不方便。
盡量每行少于80個(gè)字符。
空行和縮進(jìn)
唐不要無緣無故地添加空行。
為每個(gè)邏輯功能塊添加空行，以便于閱讀。
縮進(jìn)使用兩個(gè)空格，不建議使用TAB。
唐不要在較短的代碼之間使用不必要的空行和縮進(jìn)。
不必要的空行和縮進(jìn):。
ltbodygt
Lth1gt菜鳥教程lt/h1gt
lth2gtHTMLlt/h2gt
ltpgt
菜鳥教程，學(xué)的不僅僅是技術(shù)，還有夢想。
菜鳥教程學(xué)習(xí)的不僅僅是技術(shù)，還有夢想。
菜鳥教程，學(xué)的不僅僅是技術(shù)，還有夢想，
菜鳥教程，學(xué)的不僅僅是技術(shù)，還有夢想。
lt/pgt
lt/bodygt
要怎么記住html和css中那么多的標(biāo)簽和屬性？
最好能記住，但不要記不住，至少要記住開頭，然后看到就知道了。
使用Dreamweaver進(jìn)行編輯，是自動(dòng)提示的。你只需要輸入第一個(gè)字母就可以選擇。非常方便。
當(dāng)然，如果它是不專業(yè)的，它不如果你不在乎。;我記不起來了。Dreamweaver可以設(shè)置樣式，然后自動(dòng)生成代碼。但是專業(yè)人士一定要懂得手工寫代碼，這樣編輯樣式表會(huì)更快。我個(gè)人認(rèn)為，編輯源代碼的能力對于提高你的網(wǎng)站的開發(fā)速度是必要的。畢竟打字比用鼠標(biāo)點(diǎn)快多了。