語義化標籤

2021-10-24 22:09:24 字數 1398 閱讀 7148

html負責網頁的結構

所以在使用html標籤時,應該主要關注的是語義,,而不是它的樣式

css可以控制樣式,css負責表現

標題標籤:

h1-h6一共有六級標籤

從h1-h6重要性遞減,h1最重要,h6最不重要

h1在網頁中的重要性僅次於title標籤,一般情況乙個頁面只會有乙個h1

h1相當於**的標題

一般情況下使用h1-h3,h4-h6當作普通標籤使用

塊元素對應的是行內元素

在頁面中獨佔一行的元素稱為塊元素(block element)

p標籤表示頁面中的乙個段落(塊元素)

標題標籤和段落標籤中間的空格在html中不需要注意

在css中可以消除

塊元素(block element)

在網頁中一般通過塊元素對頁面進行布局

比如房間的結構

一般在塊元素中放行內元素

不會在行內元素中放塊元素

塊元素中基本什麼都能放

p元素中不能放任何塊元素,雖然語法上可以

(瀏覽器在解析網頁時,會自動對網頁中不符合規範的內容進行修正

比如:不會在源**中糾正,**載入到記憶體的時候才修正

標籤寫在了根元素的外面

p元素中巢狀了塊元素

很多元素**現了除head和body以外的子元素)

為什麼會出現這種情況?

瀏覽器在解析網頁的時候,讀取網頁**

修正的過程中會影響效能,還有可能修正的不是你想要的結果

對應的是不獨佔一行的元素稱為行內元素

行內元素注意用來包裹文字

標籤用來為標題分組,可以將一組相關的標題同時放入到hgroup中

如何體現語調的加重?

em標籤用於表示語音語調的乙個加重

不會獨佔一行的元素,稱為行內元素(inline element)

如何強調重要性?

strong表示強調,重要內容

如何引用別人說過的話?

引用較長的內容

長引用短引用

標籤表示乙個換行 相當於\n

標籤語義化

標籤 結構 語義化 在當今社會,尤其是html5標準正式發布 實際只是w3c的乙個推薦標準 後,這個問題更被廣大企業所重視,剛剛面試回來 可以不問面試結果 簡單總結幾點 一 可維護性高 方便程式設計師 即使樣式丟失,結構依然清晰明了。二 可讀性高。多終端可以根據標籤來顯示它們在自身裝置上呈現更易讀的...

語義化標籤

一 語義化標籤的作用 1 搜尋引擎只能通過標籤來判斷內容的語義,語義清晰有利於搜尋引擎優化。2 渣網速下,樣式未載入,也有可讀性。二 標籤的語義 html標籤的設計都是有語言考慮的。以下是從書中截圖出來的標籤語言對照表。紅色框為常用的標籤 其中,div和span其實是沒有語義的,他們分別只是用作塊級...

語義化標籤

定義 就是盡量使用有相對應的結構的含義的html的標籤 標籤語義化的好處 a 讓結構更簡潔,方便搜尋引擎 b 通過多重組合,減少不必要的css命名 語義化標籤的使用 a 列表 ul ol li dl dt dd c 段落 p d 強調 strong e table tr td,以及 的其他成員th ...