HTML骨架結構

來源:互聯網
上載者:User

標籤:char   roo   ie7   shortcut   img   string   rds   doctype   src   

前面的話

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

 

HTML

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

【xmlns】

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

<html xmlns="http://www.w3.org/1999/xhtml">

 

HEAD

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

??<title>定義文檔的標題,它是head部分中唯一必需的元素

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

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

 

BODY

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

【預設樣式】

chrome/firefox/safari/IE8+    margin:8px;IE7-    margin:15px 10px;

 

結構

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

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title></head><body></body></html>  

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

<!DOCTYPE html><html><head>    <meta charset="utf-8"/>    <title>Document</title>    <meta name="keywords" content=""/>    <meta name="description" content=""/>    <meta name="viewport" content="width=device-width"/>    <link rel="stylesheet" href="5/style.css"/>    <link rel="shortcut icon" href="ico.ico"/></head><body></body></html>

HTML骨架結構

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.