資訊專欄INFORMATION COLUMN
摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。
筆記說明
重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語音】，如有侵權(quán)請聯(lián)系我，郵箱：[email protected]。HTML語義：div和span不是夠用了嗎？ 一、語義類標(biāo)簽是什么，使用它有什么好處？ 1、語義類標(biāo)簽
語義類標(biāo)簽就是盡量使用有相對應(yīng)的結(jié)構(gòu)的含義的Html的標(biāo)簽2、好處
對開發(fā)者友好，增加可讀性，網(wǎng)頁結(jié)構(gòu)清晰，便于開發(fā)維護(hù)
利用SEO，爬蟲...
3、使用語義標(biāo)簽的建議“用對”比“不用”好，“不用”比“用錯”好。二、作為自然語言延伸的語義類標(biāo)簽
作為自然語言和純文本的補(bǔ)充，用來表達(dá)一定的結(jié)構(gòu)或者消除歧義
winter舉了兩個例子：html5中的ruby標(biāo)簽，em標(biāo)簽來進(jìn)行說明
比如em標(biāo)簽例子
把“今天我吃了一個蘋果”這句話放到不同上下文中，表達(dá)的意思會不同
昨天我吃了一個香蕉。 今天我吃了一個蘋果。
昨天我吃了兩個蘋果。 今天我吃了一個蘋果。
是不是感覺不同，當(dāng)沒有上下文的時候，可以用em標(biāo)簽
今天我吃了一個 蘋果 。 今天我吃了 一個 蘋果。三、作為標(biāo)題摘要的語義類標(biāo)簽 語義化的 HTML 能夠支持自動生成目錄結(jié)構(gòu)，HTML 標(biāo)準(zhǔn)中還專門規(guī)定了生成目錄結(jié)構(gòu)的算法
例如：h1-h6是最基本的標(biāo)題，它們表示了文章中不同層級的標(biāo)題。避免副標(biāo)題可以使用html5的hgroup標(biāo)簽HTML 語義
balah balah balah balah
弱語義
balah balah
結(jié)構(gòu)性元素
balah balah
......
JavaScript 對象
我們需要模擬類嗎？
balah balah
......
生成標(biāo)題結(jié)構(gòu)如下
JavaScript 對象
我們需要模擬類嗎？
...
JavaScript 對象
我們需要模擬類嗎？
balah balah
......
生成標(biāo)題結(jié)構(gòu)如下
JavaScript 對象——我們需要模擬類嗎？
...
section標(biāo)簽的嵌套會使h1-h6下降一級HTML 語義
balah balah balah balah
弱語義
balah balah
...... 結(jié)構(gòu)性元素
balah balah
標(biāo)題結(jié)構(gòu)如下
HTML 語義
弱語義
結(jié)構(gòu)性元素
......
四、作為整體結(jié)構(gòu)的語義類標(biāo)簽 正確使用整體結(jié)構(gòu)類的語義標(biāo)簽，可以讓頁面對機(jī)器更友好
……
……
……
……
……
……
……
個人總結(jié)
HTML并不簡單，它是典型的“入門容易，精通困難”的一部分知識，我在看這篇文章的時候，就發(fā)現(xiàn)自己有些東西是沒有留意的，查漏補(bǔ)缺很重要，一步一步完善自己的知識架構(gòu)。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103920.html
摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：筆記說明重學(xué)前端是程劭非前手機(jī)淘寶前端負(fù)責(zé)人在極客時間開的一個專欄，每天分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入的專欄學(xué)習(xí)原文有的語音，如有侵權(quán)請聯(lián)系我，郵箱。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以...
摘要：優(yōu)先級第一優(yōu)先級無連接符號第二優(yōu)先級空格第三優(yōu)先級復(fù)雜選擇器的連接符號空格表示選中所有符合條件的后代節(jié)點(diǎn)。后代表示選中符合條件的子節(jié)點(diǎn)。直接后繼表示選中對應(yīng)列中符合條件的單元格。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專欄學(xué)習(xí)【...
摘要：優(yōu)先級第一優(yōu)先級無連接符號第二優(yōu)先級空格第三優(yōu)先級復(fù)雜選擇器的連接符號空格表示選中所有符合條件的后代節(jié)點(diǎn)。后代表示選中符合條件的子節(jié)點(diǎn)。直接后繼表示選中對應(yīng)列中符合條件的單元格。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時間開的一個專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專欄學(xué)習(xí)【...
閱讀 3828·2021-10-12 10:11
閱讀 3647·2021-09-13 10:27
閱讀 2555·2019-08-30 15:53
閱讀 1982·2019-08-29 18:33
閱讀 2198·2019-08-29 14:03
閱讀 1004·2019-08-29 13:27
閱讀 3327·2019-08-28 18:07
閱讀 796·2019-08-26 13:23
