HTML5語義標簽

html5的doctype

<!DOCTYPE html>

字符編碼

<meta charset='utf-8'>

寬容的HTML5

沒有要求嚴格的標簽閉合

可以大小寫混用

link標簽可以忽略type屬性

HTML5模板最佳實踐

https://html5boilerplate.com/

語義化標簽好處

1.便于理解和閱讀

2.有利于SEO

HTML5語義標簽

nav:導航欄,與ul li a配合使用

aside:主內容無關,一般用于側邊欄

main:主內容區,只一次,此文檔中的特有內容,導航、版權、廣告不算

header:可多次,可以放在article、section里面

footer:可多次

article:獨立內容,比如論壇帖子,博客條目,用戶評論等

section:文檔中的節,比如章節

adress:地址

HTML4語義化標簽

ul ol li

cite:引用

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • <header>標簽 標簽用于定義站點的頭部信息,也就是頁眉。 標簽內一般放置網站的站點名稱、LOGO和導航欄。 ...
    Hyso閱讀 437評論 0 0
  • html是什么:超文本標記語言 html的唯一作用就是:給指定的文本添加語義。 html的標準格式: <!DOCT...
    Lins7閱讀 1,012評論 0 2
  • HTML5< !--...--> 標簽 comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。...
    野小寶閱讀 1,345評論 0 10
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,082評論 1 25
  • 父親年已花甲,糖尿病六年,心梗做過支架,高血壓高危組,血管老化,腦萎縮…… 在縣人民醫院住院接受治療七天,從入院時...
    小安語閱讀 119評論 0 0