前面的話 一個完整的HTML文檔必須包含3個部分:文檔聲明、文檔頭部和文檔主體。而正是它們構成了HTML的骨架結構。前面已經分別介紹過文檔聲明和文檔頭部,本文將詳細介紹構成HTML骨架結構的基礎元素 HTML 與``標簽限定了文檔的開始 ...
前面的話
一個完整的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>