HTML5聲明與編碼設(shè)置

TML5聲明與編碼設(shè)置

HTML5的DOCTYPE聲明

<!DOCTYPE html>

語(yǔ)言的聲明方式

lang屬性設(shè)置為zh-CN，表示文件內(nèi)容使用簡(jiǎn)體中文

網(wǎng)頁(yè)編碼的聲明

HTML5編號(hào)列表新增的屬性

type 設(shè)置值有5種

1 默認(rèn)值。數(shù)字有序列表。(1、2、3、4)

a 按字母順序排列的有序列表，小寫。(a、b、c、d)

A 按字母順序排列的有序列表，大寫。(A、B、C、D)

i 羅馬字母，小寫。(i, ii, iii, iv)

I 羅馬字母，大寫。(I, II, III, IV)

HTML5新增的屬性

start 設(shè)定編號(hào)的起始值。默認(rèn)值：start=1

reversed 反向排序,數(shù)字改為由大到小(IE9不支持)。設(shè)定值reversed

HTML5與HTML4的差異

1.語(yǔ)法簡(jiǎn)化

HTML,XHTML的DOCTYPE,html,meta,script等標(biāo)記,在HTML5中有大同謀的簡(jiǎn)化;

2.統(tǒng)一網(wǎng)頁(yè)內(nèi)嵌影音和語(yǔ)法

以前我們?cè)诰W(wǎng)頁(yè)中播放影音時(shí),需要使用Active或Plug-in的方式來(lái)完成;

3.新增<header>,<foot>,<section>,<article>等語(yǔ)義標(biāo)記

4.HTML5廢除了一些舊的標(biāo)記

HTML5中已經(jīng)去除了<font>,<big>,<u>等.

5.全新的表單設(shè)計(jì)

對(duì)于網(wǎng)頁(yè)程序設(shè)計(jì)者來(lái)說(shuō),表彰是最常用的功能,在這方面,HTML5做了很大的更改,不但新增了幾項(xiàng)新的標(biāo)記,原來(lái)的<form>標(biāo)記也增加了許多屬性;

6.利用<canvas>標(biāo)記繪制圖形

HTML5新增了具有繪圖功能的<canvas>標(biāo)記,利用它可以搭配Javascript語(yǔ)法在網(wǎng)頁(yè)上畫出線條和圖形;

7.提供API開發(fā)網(wǎng)頁(yè)應(yīng)用程序

為了讓網(wǎng)頁(yè)程序設(shè)計(jì)者開發(fā)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用程序,HTML5提供了多種API供設(shè)計(jì)者使用,例如Web SQL Database讓設(shè)計(jì)者可以脫機(jī)訪問客戶端的數(shù)據(jù)庫(kù).

量化評(píng)分網(wǎng)站：http://html5test.com HTML5一共555個(gè)新特性, 每個(gè)小點(diǎn)算一個(gè), 不分權(quán)重。

https://caniuse.com/

av元素是什么？

Nav元素用于定義導(dǎo)航鏈接，是HTML5新增的元素，該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個(gè)區(qū)域中，使頁(yè)面元素的語(yǔ)義更加明確。其中的導(dǎo)航元素可以鏈接到站點(diǎn)的其他頁(yè)面或者當(dāng)前頁(yè)的其他部分。

Nav元素可以用作頁(yè)面導(dǎo)航的鏈接組，在導(dǎo)航鏈接組里面有很多的鏈接，點(diǎn)擊每個(gè)鏈接可以鏈接到其他頁(yè)面或者當(dāng)前頁(yè)面的其他部分，并不是所有的鏈接組都要被放在Nav元素里面，只需要把最主要的、基本的、重要的放在Nav元素里面即可。

比如說(shuō)頁(yè)腳底部如果有個(gè)版權(quán)聲明，不建議使用Nav元素，而建議使用footer元素是最合適的。一個(gè)頁(yè)面中可用多個(gè)Nav元素作為整體或者不同部分的導(dǎo)航

示例代碼：

Nav元素示例代碼

在上面這段代碼中，通過(guò)在Nav元素內(nèi)部嵌套無(wú)序列表ul來(lái)搭建導(dǎo)航結(jié)構(gòu)。通常一個(gè)HTML頁(yè)面中可以包含多個(gè)Nav元素，作為頁(yè)面整體或不同部分的導(dǎo)航。

具體來(lái)說(shuō)Nav元素可以用的場(chǎng)景如下：

1.傳統(tǒng)導(dǎo)航條：目前主流網(wǎng)站上都有不同層級(jí)的導(dǎo)航條，其作用是跳轉(zhuǎn)到網(wǎng)站的其他主頁(yè)面。

2.側(cè)邊欄導(dǎo)航：目前主流博客網(wǎng)站及電商網(wǎng)站都有側(cè)邊欄導(dǎo)航，目的是將當(dāng)前文章或當(dāng)前商品頁(yè)面跳轉(zhuǎn)到其他文章或其他商品頁(yè)面。

3.頁(yè)內(nèi)導(dǎo)航：它的作用是在本頁(yè)面幾個(gè)主要的組成部分之間進(jìn)行跳轉(zhuǎn)。

4.翻頁(yè)操作：翻頁(yè)操作切換的是網(wǎng)頁(yè)的內(nèi)容部分，可以通過(guò)單擊“上一頁(yè)”或“下一頁(yè)”切換，也可以通過(guò)單擊實(shí)際的頁(yè)數(shù)跳轉(zhuǎn)到某一頁(yè)。

除此Nav元素也可以用于其他重要的、基本的導(dǎo)航鏈接組中。并不是所有的鏈接組都要被放進(jìn)Nav元素，只需要將主要的和基本的鏈接放進(jìn)Nav元素即可。

TML5是HTML最新的修訂版本，2014年10月由萬(wàn)維網(wǎng)聯(lián)盟（W3C）完成標(biāo)準(zhǔn)制定。

HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。

HTML5 簡(jiǎn)單易學(xué)。

HTML5 是下一代 HTML 標(biāo)準(zhǔn)。

HTML , HTML 4.01的上一個(gè)版本誕生于 1999 年。自從那以后，Web 世界已經(jīng)經(jīng)歷了巨變。

HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。

HTML5 是 W3C 與 WHATWG 合作的結(jié)果,WHATWG 指 Web Hypertext Application Technology Working Group。。

WHATWG 致力于 web 表單和應(yīng)用程序，而 W3C 專注于 XHTML 2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來(lái)創(chuàng)建一個(gè)新版本的 HTML。

HTML5 中的一些有趣的新特性：

用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對(duì)本地離線存儲(chǔ)的更好的支持
新的特殊內(nèi)容元素，比如 article、footer、header、nav、section
新的表單控件，比如 calendar、date、time、email、url、search

<!doctype> 聲明必須位于 HTML5 文檔中的第一行,使用非常簡(jiǎn)單

下面是一個(gè)簡(jiǎn)單的HTML5文檔：

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>文檔標(biāo)題</title></head><body>文檔內(nèi)容......</body></html>

HTML5 的改進(jìn)

新元素
新屬性
完全支持 CSS3
Video 和 Audio
2D/3D 制圖
本地存儲(chǔ)
本地 SQL 數(shù)據(jù)
Web 應(yīng)用

HTML5 多媒體

使用 HTML5 你可以簡(jiǎn)單的在網(wǎng)頁(yè)中播放視頻(video)與音頻 (audio) 。

HTML5 <video>
HTML5 <audio>

HTML5 應(yīng)用

使用 HTML5 你可以簡(jiǎn)單地開發(fā)應(yīng)用

本地?cái)?shù)據(jù)存儲(chǔ)
訪問本地文件
本地 SQL 數(shù)據(jù)
緩存引用
Javascript 工作者
XHTMLHttpRequest 2

HTML5 圖形

使用 HTML5 你可以簡(jiǎn)單的繪制圖形:

使用 <canvas> 元素。
使用內(nèi)聯(lián) SVG。
使用 CSS3 2D 轉(zhuǎn)換、CSS3 3D 轉(zhuǎn)換。

HTML5 使用 CSS3

新選擇器
新屬性
動(dòng)畫
2D/3D 轉(zhuǎn)換
圓角
陰影效果
可下載的字體

了解更多CSS3知識(shí)請(qǐng)查看本站的 CSS3 教程。

HTML5 表單

新表單元素, 新屬性，新輸入類型，自動(dòng)驗(yàn)證。

已移除元素

以下的 HTML 4.01 元素在HTML5中已經(jīng)被刪除:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>

在線咨詢

上一篇：SpringBoot系列-mail
下一篇：js 實(shí)現(xiàn)純前端將數(shù)據(jù)導(dǎo)出excel兩種方式，親測(cè)有

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

HTML5聲明與編碼設(shè)置

您的項(xiàng)目需求