摘要:為了加強語義化,標(biāo)準(zhǔn)中又增加了等標(biāo)簽。因此,書寫時,語義化是非常重要的,否則也沒必要辛辛苦苦制定出這些標(biāo)準(zhǔn)來。
如何理解HTML語義化?
所謂的語義主要分成兩個部分
為了讓人更容易讀懂
讓機(jī)器更容易讀懂
讓人更容易讀懂對于人來說,代碼可讀性、語義化就是一個非常廣泛的概念了,例如定義 JS 變量的時候使用更易讀懂的名稱,定義 CSS class 的時候也一樣,例如length list等,而不是使用a b這種誰都看不懂的名稱。
讓機(jī)器更容易讀懂問題就在這里 —— HTML 為何要自己規(guī)定那么多標(biāo)簽名稱呢,例如p div h1 ul等 —— 就是為了語義化。其實,如果你精通 CSS 的話,你完全可以全部用
拿搜索引擎來說,爬蟲下載到我們網(wǎng)頁的 HTML 代碼,它如何更好地去理解網(wǎng)頁的內(nèi)容呢?—— 就是根據(jù) HTML 既定的標(biāo)簽。h1標(biāo)簽就代表是標(biāo)題;p里面的就是段落詳細(xì)內(nèi)容,權(quán)重肯定沒有標(biāo)題高;ul里面就是列表;strong就是加粗的強調(diào)的內(nèi)容 …… 如果我們不按照 HTML 語義化來寫,全部都用
為了加強 HTML 語義化,HTML5 標(biāo)準(zhǔn)中又增加了header section article等標(biāo)簽。因此,書寫 HTML 時,語義化是非常重要的,否則 W3C 也沒必要辛辛苦苦制定出這些標(biāo)準(zhǔn)來。
···
…… …… …… …… …… …… ……
···
body 里面有自己的 header 和 footer,然后里面是豎篇的 article,每一個 article里面都有header、section、footer
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/53757.html
摘要:筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄,每天分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以加入的專欄學(xué)習(xí)原文有的語音,如有侵權(quán)請聯(lián)系我,郵箱。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以...
摘要:筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄,每天分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以加入的專欄學(xué)習(xí)原文有的語音,如有侵權(quán)請聯(lián)系我,郵箱。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以...
摘要:筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄,每天分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以加入的專欄學(xué)習(xí)原文有的語音,如有侵權(quán)請聯(lián)系我,郵箱。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完整的可以...
閱讀 3783·2021-11-23 09:51
閱讀 4423·2021-11-15 11:37
閱讀 3534·2021-09-02 15:21
閱讀 2756·2021-09-01 10:31
閱讀 888·2021-08-31 14:19
閱讀 865·2021-08-11 11:20
閱讀 3318·2021-07-30 15:30
閱讀 1699·2019-08-30 15:54