HTML5的文件結構和新增標籤完全解析

2022-09-24 15:06:13 字數 840 閱讀 1663

一.html5 文件結構

1.第一步:開啟 開發工具,開啟指定資料夾;

2.第二步:儲存 index.html 檔案到磁碟中,.html 是網頁字尾;

3.第三步:開始編寫 html5 的基本格式。

//文件型別宣告

//表示 html 文件開始。1.

//包含文件元資料開始

//宣告字元編碼

基本結構 //設定文件標題

//包含文件元資料結束

//表示 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 元素

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

HTML5 新增標籤

html5 現在已經不是 sgml 的子集,主要是關於影象,位置,儲存,多工等功能的增加。ie8 ie7 ie6支援通過document.createelement方法產生的標籤,可以利用這一特性讓這些瀏覽器支援html5新標籤。定義圖形 定義文章 定義頁面內容之外的內容 可用作文章的側欄 定義聲音...

HTML5新增標籤

定義縮寫。定義只取首字母的縮寫。定義文件作者或擁有者的聯絡資訊。定義影象對映內部的區域。定義文章。定義頁面內容之外的內容。定義聲音內容。不贊成使用。定義頁面中文字的預設字型 顏色或尺寸。定義文字的文字方向,使其脫離其周圍文字的方向設定。定義文字方向。定義大號文字。定義長的引用。定義圖形。定義 標題。...

HTML5新增標籤總結和說明

摘要 html5出來這麼久,都沒有真正的理解和花時間去看,經常看到一些網頁的裡面包含很多陌生的標籤元素,一直不清楚是什麼功能。像 其實這兩個標籤和的功能一樣僅僅是乙個塊級元素沒有任何的樣式和功能事件上的特點完全可以理解為div,但是html5為什麼要增加這些看似 毫無作用 標籤呢。標籤標記意義及用法...