這篇文章主要介紹了HTML5的文件結構和新增標籤完全解析,需要的朋友可以參考下
一. HTML5 文件結構
1.第一步:開啟開發工具,開啟指定資料夾;
2.第二步:儲存index.html 檔案到磁碟中,.html 是網頁字尾;
3.第三步:開始寫HTML5 的基本格式。
<!DOCTYPE html> //文档类型声明 <html lang="zh-cn"> //表示 HTML 文档开始。1. <head> //包含文档元数据开始 <meta charset="utf-8"> //声明字符编码 <title>基本结构</title> //设置文档标题 </head> //包含文档元数据结束 <body> //表示 HTML 文档内容 <a href="http://www.baidu.com">百度</a> //一个超链接元素(标签) </body> //表示 HTML </html> //表示 HTML 文档结束
二.文檔結構解析
1.Doctype
文件類型宣告(Document Type Declaration,也稱為Doctype )。它主要告訴瀏覽器
所查看的文件類型。在以往的 HTML4.01 和 XHTML1.0 中,它表示具體的 HTML 版本和樣式。
而如今 HTML5 不需要表示版本和風格了。
//不分區大小寫
2.html 元素
首先,元素是標籤的意思,html 元素即html 標籤。 html 元素是文件開始和結尾的元素。它是一個雙標籤,頭尾呼應,包含內容。
這個元素有一個屬性和值:lang="zh-cn",
表示文件採用語言為:簡體中文。
//如果是英文則為en'
#簡體中文頁面:html lang=zh-cmn-Hans
繁體中文頁面:html lang=zh-cmn-Hant
英文頁面:html lang=en
#3.head 元素
用來包含元資料內容,元資料包括:、、
此標籤可被用於可識別