HTML基本結構 document是指整個文件,它下麵就是咱們的html 超文本標記語言的結構包括"頭"(head)和主體(body) 其中"頭"部提供關於網頁的信息,"主體"部分提供網頁的具體內容 #HTML基本結構-文檔聲明 為了說明文檔使用的超文本標記原因標準,所有的超文本標記語言文檔應該以“ ...
HTML基本結構
- document是指整個文件,它下麵就是咱們的html
- 超文本標記語言的結構包括"頭"(head)和主體(body)
- 其中"頭"部提供關於網頁的信息,"主體"部分提供網頁的具體內容
#HTML基本結構-文檔聲明
- 為了說明文檔使用的超文本標記原因標準,所有的超文本標記語言文檔應該以“文檔類型聲明”開頭,引用一個文件類型描述或者必要情況下自定義一個文件類型的描述
- 聲明必須是HTML文檔的第一行,位於html標簽之前
- 聲明不是HTML標簽,它是指web瀏覽器關於頁面使用哪個HTML版本進行編寫的指令
- 在HTML4.01中,聲明引用DTD,因為html4.01基於SGM。DTD標記了語言的規則,這樣瀏覽器才能正確呈現內容
- HTML5不基於SGML,所以不需要DTD
HTML基本結構-head
- head標簽用於定義文檔的頭部,它是所有頭部元素的容器
- head中的元素可以引用腳本,指示瀏覽器在哪裡找到樣式表、提供元信息等等
- 文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標題、在web中的位置以及和其他文檔的關係等,絕大多數文檔頭部包含的數據都不會真正作為內容顯示給用戶
- 下麵這些標題可用在head部分:link,meta,script,syle以及title
補充:視口 viewport meta:vp table鍵(移動端手機頁面開發必須添加的代碼)&頁面小圖標:
TML基本結構-title
標簽title定義文檔的標題,它是head中必需的唯一元素
一定要選擇一個正確的標題,這對於定義文檔並確保它能夠在web上有效利用來說十分重要
顯示在瀏覽器的頁卡位置
HTML基本結構-meta
- 標簽meta提供關於html文檔的元數據。它不會顯示在頁面上,但是對於機器是可讀的;
- 典型的情況是,meta元素被用於規定頁面的描述\關鍵詞、文檔的作者、最後修改的實踐以及其他的元數據;
- 標簽meta屬性常見的值有author,description,keywords,generator,revised,others
HTML基本結構-body
- 網頁的主體部分
- body元素定義文檔的主體,用戶看到的內容都在body內編寫
- body元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)
常用的標簽元素
html4版本常見的標簽元素/網址:http://www.zhufengpeixun.com/qianduanjishuziliao/qianduanCSSziliao/2016-06-29/456.html
html5版本新增標簽/網址:http://old.zhufengpeixun.cn/qianduanjishuziliao/css3hehtml5zhuanti/2016-11-20/665.html