全面解析HTML5的文件結構與新增標籤-H5教程-PHP中文網

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

黄舟

發布： 2017-04-24 10:22:28

原創

2313 人瀏覽過

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

用來包含元資料內容，元資料包括：、、

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

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