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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM