1.第一行進(jìn)行聲明
<!DOCTYPE html>
2.聲明編碼,否則會(huì)出現(xiàn)亂碼
<mate charset="utf-8">
注:utf-8:針對(duì)Unicode的可變長(zhǎng)度字符編碼(又稱萬(wàn)國(guó)碼)在網(wǎng)頁(yè)可顯得中文簡(jiǎn)體,繁體及其他語(yǔ)言(如英語(yǔ)站削,日語(yǔ)允耿,韓語(yǔ)等)葬馋。
3.塊元素
HTML5定義了8個(gè)新語(yǔ)義元素(header, section, footer, aside, nav, main, article, figure)杉女,所有這些元素都是塊級(jí)元素壹哺,為了能讓舊版本瀏覽器正確顯示這些元素垢啼,需要將CSS的display屬性值設(shè)置為block窜锯。
header, section, footer, aside, nav, main, article, figure
{
display: block;
}
4.添加新元素
document.createElement("myHero")
注:myHero為新添加元素名。
5.Internet Explorer 瀏覽器問(wèn)題
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
<!--[if lt IE 9]>
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<h1>我的第一篇文章</h1>
<article>
我的第一篇文章
</article>
</body>
</html>
html5shiv.js 引用代碼必須放在 <head> 元素中芭析,因?yàn)?IE 瀏覽器在解析 HTML5 新元素時(shí)需要先加載該文件锚扎。
6.新元素
標(biāo)簽 | 描述 |
---|---|
<canvas> | 標(biāo)簽定義圖形,比如圖表和其他圖像馁启。該標(biāo)簽基于 JavaScript 的繪圖 API |
<audio> | 定義音頻內(nèi)容 |
<video> | 定義視頻(video 或者 movie) |
<source> | 定義多媒體資源 <video> 和 <audio> |
<embed> | 定義嵌入的內(nèi)容驾孔,比如插件。 |
<track> | 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道进统。 |
<datalist> | 定義選項(xiàng)列表助币。請(qǐng)與 input 元素配合使用該元素,來(lái)定義 input 可能的值螟碎。 |
<keygen> | 規(guī)定用于表單的密鑰對(duì)生成器字段眉菱。 |
<output> | 定義不同類型的輸出,比如腳本的輸出掉分。 |
<article> | 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域俭缓。 |
<aside> | 定義頁(yè)面的側(cè)邊欄內(nèi)容克伊。 |
<bdi> | 允許您設(shè)置一段文本,使其脫離其父元素的文本方向設(shè)置华坦。 |
<command> | 定義命令按鈕愿吹,比如單選按鈕、復(fù)選框或按鈕 |
<details> | 用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) |
<dialog> | 定義對(duì)話框惜姐,比如提示框 |
<summary> | 標(biāo)簽包含 details 元素的標(biāo)題 |
<figure> | 規(guī)定獨(dú)立的流內(nèi)容(圖像犁跪、圖表、照片歹袁、代碼等等)坷衍。 |
<figcaption> | 定義 <figure> 元素的標(biāo)題 |
<footer> | 定義 section 或 document 的頁(yè)腳。 |
<header> | 定義了文檔的頭部區(qū)域 |
<mark> | 定義帶有記號(hào)的文本条舔。 |
<meter> | 定義度量衡枫耳。僅用于已知最大和最小值的度量。 |
<nav> | 定義導(dǎo)航鏈接的部分孟抗。 |
<progress> | 定義任何類型的任務(wù)的進(jìn)度迁杨。 |
<ruby> | 定義 ruby 注釋(中文注音或字符)。 |
<rt> | 定義字符(中文注音或字符)的解釋或發(fā)音凄硼。 |
<rp> | 在 ruby 注釋中使用铅协,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 |
<section> | 定義文檔中的節(jié)(section帆喇、區(qū)段)警医。 |
<time> | 定義日期或時(shí)間。 |
<wbr> | 規(guī)定在文本中的何處適合添加換行符坯钦。 |
7.已刪除元素
- acronym
- applet
- basefont
- big
- center
- dir
- font
- frame
- frameset
- noframes
- strike
- tt
----------------------------未完待續(xù)---------------------
2019年4月25日
明天加油