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