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