1. 程式人生 > >HTML5基本格式

HTML5基本格式

一.HTML5文件結構

<!DOCTYPE html>					//文件型別宣告
<html lang="zh-cn">	//表示HTML文件開始
<head>						//包含文件元資料開始
	<meta charset="uth-8">		//宣告字元編碼
	<title>基本結構</title>		//設定文件標題	
</head>							//包含文件元資料結束
<body>							//表示HTML文件內容
<a href="http://www.baidu.com">百度</a>//一個超連結元素
</body>							//表示HTML文件內容結束
</html>							//表示HTML文件結束
二.文件結構解析

1.DOCTYPE

文件型別宣告(Document Type Declarattion,也稱Doctype)。它主要告訴瀏覽器所檢視的檔案型別。在以往的HTML4.0和XHTML1.0中,它表示具體的HTML版本和風格,而如今的HTML5不需要表示版本和風格了。

<!DOCTYPE html>                   //不區分大小寫

2.html元素

首先,元素就是標籤的意思,html 元素即 html 標籤。html 元素是文件開始和結尾的元素。它是一個雙標籤,頭尾呼應,包含內容。這個元素有一個屬性和值:lang="zh-cn",
表示文件採用語言為:簡體中文。

<html  lang="zh-cn">       //如果是英文則為en
3.head元素

用來包含元資料內容,元資料包括:<link>、<meta>、<noscript>、<script>、<style>、<title>。這些內容用來瀏覽器提供資訊,比如 link 提供 CSS 資訊,script
提供 JavaScript 資訊,title 提供頁面標題等。

<head>......</head>     //這些資訊在頁面中不可見

4.meta 元素這個元素用來提供關於文件的資訊,起始結構有一個屬性為:charset="utf8"。表示告訴瀏覽器頁面採用的什麼編碼,一般來說我們就用 utf8。當然,檔案儲存的時候也是
utf8,而瀏覽器也設定 utf8 即可正確顯示中文。

<meta charset="utf-8">         //除了設定編碼,還有別的
5.title 元素
這個元素很簡單,顧名思義:設定瀏覽器左上角的標題。
<title>基本結構</title>
6.body 元素用來包含文件內容的元素,也就是瀏覽器可見區域部分。所有的可見內容,都應該在這個元素內部進行新增。
<body>...</body>
7.a 元素一個超連結,後面會詳細探討。
<a href="http://www.baidu.com">百度</a>