圖文詳解HTML骨架結構
前面的話
一個完整的HTML文檔必須包含3個部分:文檔宣告、文檔頭部和文檔主體。而正是它們構成了HTML的骨架結構。前面已經分別介紹過文件宣告和文件頭部,本文將詳細介紹構成HTML骨架結構的基礎元素
HTML
元素代表HTML文件的根(root),其他所有元素都是該元素的後代。
與
標籤限定了文件的開始點和結束點,在它們之間是文件的頭部和主體。文件的頭部由
head>
標籤定義,而主體則由標籤定義
【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
# #< ;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中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)