一HTML5介紹與語法

HTML5是繼HTML4以后的下一代HTML標(biāo)準(zhǔn)規(guī)范，它提供了一些新的元素和屬性（例如<nav>網(wǎng)站導(dǎo)航塊和<footer>）。新型的標(biāo)簽有利于搜索引擎和語義分析，同時更好地幫助小屏幕裝置和視障人士使用，除此之外，也提供了一些新的功能，比如視頻音頻用的<video>和<audio>，總結(jié)而言，有如下幾大特點：

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、網(wǎng)站建設(shè)、裕安網(wǎng)絡(luò)推廣、小程序定制開發(fā)、裕安網(wǎng)絡(luò)營銷、裕安企業(yè)策劃、裕安品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供裕安建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：vcdvsql.cn

取消了一些HTML4里過時的元素和屬性標(biāo)記

其中包括純粹顯示效果的標(biāo)記，如<font>和<center>，它們已經(jīng)被CSS取代。HTML5 吸取了XHTML2 一些建議，包括一些用來改善文檔結(jié)構(gòu)的功能，比如，新的HTML 標(biāo)簽 header, footer, dialog, aside, figure 等的使用，將使內(nèi)容創(chuàng)作者更加語義地創(chuàng)建文檔，之前的開發(fā)者在實現(xiàn)這些功能時一般都是使用div。

內(nèi)容與展示分離

b 和 i 標(biāo)簽依然保留，但它們的意義和之前有所不同，這些標(biāo)簽的意義只是為了將一段文字標(biāo)識出來，而不是為了為它們設(shè)置粗體或斜體式樣。u，font，center，strike 這些標(biāo)簽則被完全去掉了。

新增加一些全新的表單輸入對象

包括日期，URL，Email 地址，其它的對象則增加了對非拉丁字符的支持。HTML5 還引入了微數(shù)據(jù)，這一使用機(jī)器可以識別的標(biāo)簽標(biāo)注內(nèi)容的方法，使語義Web 的處理更為簡單。總的來說，這些與結(jié)構(gòu)有關(guān)的改進(jìn)使內(nèi)容創(chuàng)建者可以創(chuàng)建更干凈，更容易管理的網(wǎng)頁，這樣的網(wǎng)頁對搜索引擎，對讀屏軟件等更為友好。

全新的、更合理的標(biāo)簽

多媒體對象將不再全部綁定在 object 或 embed Tag 中，而是視頻有視頻的Tag，音頻有音頻的 Tag。

本地存儲

這個功能將內(nèi)嵌一個本地的SQL 數(shù)據(jù)庫，以加速交互式搜索，緩存以及索引功能。同時，那些離線Web 程序也將因此獲益匪淺。不需要插件的富動畫。

Canvas對象

將給瀏覽器帶來直接在上面繪制矢量圖的能力，這意味著用戶可以脫離Flash 和Silverlight，直接在瀏覽器中顯示圖形或動畫。

新的API擴(kuò)展

為HTMLDocument和HTMLElement借口提供了新的API擴(kuò)展。

HTML5取代Flash和Silverlight

語法(Syntax)

1 文檔媒體類型

HTML5定義的HTML語法大部分都兼容于HTML4和XHTML1，但是也有一部分不兼容。大多數(shù)的HTML文檔都是保存成text/html媒體類型。

HTML5為HTML語法定義了詳細(xì)的解析規(guī)則（包括錯誤處理），用戶必須遵守這些規(guī)則將它保存成text/html媒體類型。如下是一個符合HTML語法規(guī)范的例子：

<!doctype html>
<html>
 <head>
   <metacharset="UTF-8">
   <title>Example document</title>
 </head>
 <body>
   <p>Example paragraph</p>
 </body>
</html>

HTML5為HTML語法也定義了一個text/html-sandboxed媒體類型，以便可以host不信任的內(nèi)容。

其它能夠用在HTML5的語法是XML，它兼容于XHTML1。用XML語法的話需要將文檔保存成XML媒體類型，并且根據(jù)XML的規(guī)范需要設(shè)置命名空間（namespace）為http://www.w3.org/1999/xhtml。

下面的例子文檔符合HTML5里的XML語法規(guī)范，需要注意的是XML文檔必須保存成XML媒體類型的，例如application/xhtml+xml或者application/xml。

<?xml version="1.0" encoding="UTF-8"?>
<htmlxmlns="http://www.w3.org/1999/xhtml">
 <head>
   <title>Example document</title>
 </head>
 <body>
   <p>Example paragraph</p>
 </body>
</html>

2 Character Encoding

HTML5的HTML語法里，有三種形式可以聲明字符串的encoding類型：

在傳輸級別（transport level）上，在HTTP實例的header里設(shè)置Content-Type。
在文件的開頭設(shè)置一個Unicode的Byte Order Mark(BOM)，該字符為文件的encoding方式提供了一個簽名。
在文檔的前1024個byte之前的內(nèi)容里，使用帶有charset屬性的meta元素來聲明encoding方式。例如：<meta charset="UTF-8">表明該文檔是UTF-8格式的。它是替換原有的<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">語法聲明，盡管原有的語法依然可用，但在HTML5里不推薦使用。

對于HTML5里的XML語法，依然和以前的XML語法聲明式一樣的。

3 DOCTYPE

HTML5的HTML語法要求文檔必須聲明DOCTYPE以確保瀏覽器可以在標(biāo)準(zhǔn)模式下展示頁面。這個DOCTYPE沒有其它的目的，并且在XML里是可選項，因為XML媒體格式的文檔一直就是在標(biāo)準(zhǔn)模式下處理的。

DOCTYPE的聲明方式是<!DOCTYPE html>，不區(qū)分大小寫。HTML的早期版本聲明的DOCTYPE需要很長是因為HTML語言是建立在SGML的基礎(chǔ)上，所以需要關(guān)聯(lián)引用一個相對應(yīng)的DTD。HTML5和之前的版本不一樣了，僅僅需要聲明DOCTYPE就可以告訴文檔啟用的是HTML5語法標(biāo)準(zhǔn)了，瀏覽器會為<!DOCTYPE html>做剩余的工作的。

4 MathML和SVG

HTML5的HTML語法允許在文檔里使用MathML（數(shù)學(xué)標(biāo)記語言）和SVG（可伸縮矢量圖）元素。例如，一個非常簡單的HTML頁面包含一個svg元素畫出的圓：

<!doctype html>
<title>SVG in text/html</title>
<p>
A green circle:
<svg> <circler="50" cx="50" cy="50" fill="green"/> </svg>
</p>

更多復(fù)雜的組合標(biāo)記也是支持的，比如使用svg的foreignObject元素你可以嵌套MathML, HTML，或者自身嵌套。

5 其它

HTML5已經(jīng)原生支持IRI了，盡管這些IRI只能在UTF-8和UTF-16的文檔里使用。

lang屬性如果設(shè)置的不合法，將會更新為空字符串，以告訴瀏覽器是一個未知的語言，作用和XML里的xml:lang一樣。

分享題目：一HTML5介紹與語法
標(biāo)題URL：http://vcdvsql.cn/article12/pehjgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、企業(yè)建站、電子商務(wù)、品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容