圖文詳解HTML骨架結構

高洛峰
發布: 2017-03-15 12:54:45
原創
2497 人瀏覽過

前面的話

  一個完整的HTML文檔必須包含3個部分:文檔宣告、文檔頭部和文檔主體。而正是它們構成了HTML的骨架結構。前面已經分別介紹過文件宣告和文件頭部,本文將詳細介紹構成HTML骨架結構的基礎元素

 

HTML

  元素代表HTML文件的根(root),其他所有元素都是該元素的後代。 標籤限定了文件的開始點和結束點,在它們之間是文件的頭部和主體。文件的頭部由head>標籤定義,而主體則由標籤定義

圖文詳解HTML骨架結構

xmlns】

  xmlns屬性用於指派文件的XML命名空間。預設值是"http://www.w3.org/1999/xhtml",這在XHTML中是必要的,而在HTML中則是可選的

登入後複製

 

# HEAD

  標籤用來定義文件的頭部,它是所有頭部元素的容器。 ;大部分不可見,描述了文件的一些基本的屬性和資訊(可以呈現的是title和icon)。 元素下的子元素主要包括<meta><title></title><base><link><style></style><script></script>這六個元素

  <title></title>定義文件的標題,它是head部分中唯一必要的元素

  如果在文件中忽略了標籤,則大部分瀏覽器會自動建立一個元素

  關於文件頭部的更多資訊移步至此

 

BODY

#  #&lt ;body>表示的是HTML文檔的主體內容,任何一個HTML文檔,只允許存在一個元素

【預設樣式】

chrome/firefox/safari/IE8+
    margin:8px;
IE7-
    margin:15px 10px;
登入後複製

 

結構

  在sublime編輯器中,輸入!,再按住Tab鍵,就可以產生一個基本的HTML結構,結構如下

nbsp;html>


    <meta>
    <title>Document</title>



登入後複製

  在實際中,文檔的頭部結構常常需要承載一些常用的功能,所以HTML結構較複雜,結構如下

nbsp;html>


    <meta>
    <title>Document</title>
    <meta>
    <meta>
    <meta>
    <link>
    <link>



登入後複製

以上是圖文詳解HTML骨架結構的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!