什么是HTML5？HTML5使用詳解

什么是HTML5？

HTML5是超文本語(yǔ)言，不是編程語(yǔ)言，html5是html語(yǔ)言的最新版本，需要注意瀏覽器的兼容性問(wèn)題。

HTML5技術(shù)一般是指的是HTML5、CSS3、JavaScript三種技術(shù)的結(jié)合。

HTML5主要負(fù)責(zé)文檔內(nèi)容的結(jié)構(gòu)和含義。

CSS3主要負(fù)責(zé)描述文檔內(nèi)容樣式。

JavaScript主要用來(lái)負(fù)責(zé)文檔內(nèi)容的行為。

HTML5的基本結(jié)構(gòu)。

        　 Document

使用記事本創(chuàng)建網(wǎng)頁(yè)步驟。

新建文本文檔 –> 編寫(xiě)HTML代碼 –> 保存，另存為是后綴名為html文件–> 選擇保存類(lèi)型為所有文檔，編碼為 utf-8

HTML5新增的結(jié)構(gòu)標(biāo)簽。

<header></header>頁(yè)眉

<hgroup></hgroup>標(biāo)題組合

<nav></nav> 導(dǎo)航

<footer></footer>頁(yè)腳

<section></section>區(qū)塊

<article></article>文章

<aside></aside>側(cè)邊欄

<figure></figure> 用于對(duì)元素進(jìn)行組合。一般用于圖片或視頻

<figcaption></figcaption>用于對(duì)figure的內(nèi)容進(jìn)行說(shuō)明

<time></time> 時(shí)間

<datalist></datalist>數(shù)據(jù)列表 ,配合輸入框來(lái)使用

<details></details>描述

<summary></summary>對(duì)details的簡(jiǎn)介

<dialog></dialog> 對(duì)話(huà)框

<address></address>地址

<mark><mark>標(biāo)記 自帶帶黃色背景，其他用法和span一樣

<keygen></keygen>秘鑰（報(bào)廢了）

<progress></progress>進(jìn)度條 可以設(shè)置 value max min …

<meter></meter>進(jìn)度條，用法和上面的差不多