HTML的语义化，你需要深入了解
有關(guān)HTML的一些基礎(chǔ)課程，很多網(wǎng)站都有講，于我而言，真正實(shí)踐起來(lái)，我只要求我能夠讓它表現(xiàn)出我所想要的結(jié)果即可。然而，這種要求，對(duì)于后期的維護(hù)與測(cè)試，真的是。。。。。。想起日前我們所做的這個(gè)項(xiàng)目，那里面的jsp代碼，感覺(jué)有些看不下去，各種標(biāo)簽混雜一起，而且經(jīng)常使用的是無(wú)實(shí)義的比如div，看起來(lái)真是頭疼！所以，此番我做一個(gè)總結(jié)，方便日后做項(xiàng)目時(shí)，知道該如何規(guī)范好自己的代碼，做到嚴(yán)謹(jǐn)。
HTML，XHTML的區(qū)別：
HTML，HyperText Mark-up Language，是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。指的是html4，不過(guò)html5已經(jīng)很火了。
XHTML，EXtensible?HyperText Mark-up Language，較于html，它更加嚴(yán)格。
- XHTML標(biāo)簽必須閉合；
- XHTML標(biāo)簽及屬性必須小寫(xiě)；
- XHTML標(biāo)簽屬性必須用引號(hào)；
- XHTML id屬性代替name屬性；
div和span
語(yǔ)義化
所謂語(yǔ)義化，就是將標(biāo)簽的語(yǔ)義理解，放在它應(yīng)該在的位置。
圖片語(yǔ)義化：
figure和figcaption：figure元素用于圖片和圖注，figcaption用于圖注的文字；
表格語(yǔ)義化：
| 標(biāo)簽 | 說(shuō)明 |
| table | 表格 |
| caption | 標(biāo)題 |
| thead | 表頭 |
| tbody | 表身 |
| tfoot | 表尾 |
| tr | 行 |
| th | 表頭單元格 |
| td | 表格單元格 |
?
?
?
?
?
?
?
?
?
表單語(yǔ)義化：
- label標(biāo)簽，它的for屬性為所關(guān)聯(lián)表單元素的id。for有兩個(gè)作用：綁定label和表單；增強(qiáng)鼠標(biāo)可用性，即點(diǎn)擊文本，表單元素也可獲得焦點(diǎn)。
- fieldset和legend，fieldset給表單進(jìn)行分組，legend用于某一組表單的標(biāo)題；
其效果顯示：
相對(duì)也是比較好看的。
?
用多了自然也就熟悉了~
轉(zhuǎn)載于:https://www.cnblogs.com/zxcjj/p/6654455.html
總結(jié)
以上是生活随笔為你收集整理的HTML的语义化，你需要深入了解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： angular的自定义指令---详解
- 下一篇： 前端常用相关缩写