首頁 > web前端 > H5教程 > 主體

全面解析HTML5的文件結構與新增標籤

黄舟
發布: 2017-04-24 10:22:28
原創
2332 人瀏覽過

這篇文章主要介紹了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 元素

用來包含元資料內容,元資料包括:

//這些資訊在頁面不可見

 

此標籤可被用於可識別

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板