摘要:筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄,每天分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入的專欄學習原文有的語音,如有侵權請聯系我,郵箱。
筆記說明
</>復制代碼
重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有winter的語音】,如有侵權請聯系我,郵箱:kaimo313@foxmail.com。
HTML語義:div和span不是夠用了嗎?
一、語義類標簽是什么,使用它有什么好處?
1、語義類標簽
2、好處</>復制代碼
語義類標簽就是盡量使用有相對應的結構的含義的Html的標簽
對開發者友好,增加可讀性,網頁結構清晰,便于開發維護
利用SEO,爬蟲...
3、使用語義標簽的建議二、作為自然語言延伸的語義類標簽</>復制代碼
“用對”比“不用”好,“不用”比“用錯”好。
作為自然語言和純文本的補充,用來表達一定的結構或者消除歧義
winter舉了兩個例子:html5中的ruby標簽,em標簽來進行說明
比如em標簽例子
把“今天我吃了一個蘋果”這句話放到不同上下文中,表達的意思會不同
</>復制代碼
昨天我吃了一個香蕉。
今天我吃了一個蘋果。
</>復制代碼
昨天我吃了兩個蘋果。
今天我吃了一個蘋果。
是不是感覺不同,當沒有上下文的時候,可以用em標簽
三、作為標題摘要的語義類標簽 語義化的 HTML 能夠支持自動生成目錄結構,HTML 標準中還專門規定了生成目錄結構的算法</>復制代碼
今天我吃了一個 蘋果 。
今天我吃了 一個 蘋果。
</>復制代碼
例如:
HTML 語義
balah balah balah balah
弱語義
balah balah
結構性元素
balah balah
......
h1-h6是最基本的標題,它們表示了文章中不同層級的標題。避免副標題可以使用html5的hgroup標簽
</>復制代碼
JavaScript 對象
我們需要模擬類嗎?
balah balah
......
生成標題結構如下
JavaScript 對象
我們需要模擬類嗎?
...
</>復制代碼
JavaScript 對象
我們需要模擬類嗎?
balah balah
......
生成標題結構如下
JavaScript 對象——我們需要模擬類嗎?
...
section標簽的嵌套會使h1-h6下降一級</>復制代碼
HTML 語義
balah balah balah balah
弱語義
balah balah
結構性元素
balah balah
......
標題結構如下
HTML 語義
弱語義
結構性元素
......
四、作為整體結構的語義類標簽 正確使用整體結構類的語義標簽,可以讓頁面對機器更友好個人總結</>復制代碼
……
……
……
……
……
……
……
……
HTML并不簡單,它是典型的“入門容易,精通困難”的一部分知識,我在看這篇文章的時候,就發現自己有些東西是沒有留意的,查漏補缺很重要,一步一步完善自己的知識架構。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/114520.html
摘要:筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄,每天分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入的專欄學習原文有的語音,如有侵權請聯系我,郵箱。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以...
摘要:筆記說明重學前端是程劭非前手機淘寶前端負責人在極客時間開的一個專欄,每天分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入的專欄學習原文有的語音,如有侵權請聯系我,郵箱。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以...
摘要:優先級第一優先級無連接符號第二優先級空格第三優先級復雜選擇器的連接符號空格表示選中所有符合條件的后代節點。后代表示選中符合條件的子節點。直接后繼表示選中對應列中符合條件的單元格。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【...
摘要:優先級第一優先級無連接符號第二優先級空格第三優先級復雜選擇器的連接符號空格表示選中所有符合條件的后代節點。后代表示選中符合條件的子節點。直接后繼表示選中對應列中符合條件的單元格。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【...
閱讀 2249·2021-11-24 11:15
閱讀 3100·2021-11-24 10:46
閱讀 1400·2021-11-24 09:39
閱讀 3934·2021-08-18 10:21
閱讀 1488·2019-08-30 15:53
閱讀 1402·2019-08-30 11:19
閱讀 3336·2019-08-29 18:42
閱讀 2333·2019-08-29 16:58