HTML5基本格式
阿新 • • 發佈:2019-02-02
一.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>