HTML5基本介紹

本文轉載自查看原文 2019-08-22 19:18 1719 html5

HTML5簡介

HTML是互聯網上應用最廣泛的標記語言。HTML文件就是普通文本+HTML標記，而不同的HTML標記能表示不同的效果。（簡單的說HTML是超文本標記語言）

HTML5草案的前身名為 Web Applications 1.0，於2004年被WHATWG提出，於2007年被W3C接納，並成立了新的 HTML工作團隊。

如果從狹義的角度來講，HTML5就是HTML4的新一代產品。

而如果從廣義的角度來講，則是新一代的富客戶端解決方案。

1. HTML到HTML5

元素的標簽名大小寫混雜的情況。
元素沒有合理結束的情況。
元素中使用了屬性，但沒有制定屬性值的情況。
為元素的屬性制定屬性值時沒有使用引號。

2. HTML5的優勢

支持Html5的瀏覽器包括Firefox（火狐瀏覽器），IE9及其更高版本，Chrome（谷歌瀏覽器），Safari，Opera等；國內的遨游瀏覽器（Maxthon），以及基於IE或Chromium（Chrome的工程版或稱實驗版）所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力。

需要注意的是，雖然很多瀏覽器目前已經能夠支持HTML5，但是顯示效果仍舊存在差異性。這時，我們如果從樣式的角度出發，可以采用下面的幾種css方案。

3. HTML5基本結構與語法變化

HTML5基本結構

<!DOCTYPE html>

HTML5對元素大小寫不再嚴格區分，開發者可以隨意使用大小寫字符來定義HTML元素。

對於一份基本的HTML5文檔而言，它總有如下結構：

    <!DOCTYPE html>     //文檔聲明
     <html>
     <head>       //負責網頁的一些預定義信息
     <title>頁面標題</title>
     <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”/>  //設定字符集
     <!- - 此處還可插入其他meta、樣式單等信息 -->
     </head>
     <body>
          頁面內容
     </body>
     </html>

HTML5支持兩種方式來指定頁面的字符集。

使用Content-Type指定頁面所用的字符集。eg：

<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />

直接使用charset指定頁面所用的字符集。eg：

<meta charset=“gb2312” />

注意：不要在<html>和<head>，</head>和<body>，</body>和</html>之間插入任何內容！

HTML5語法變化

也許會有人問：“HTML4已經很普及了，如果改變基礎語法，會不會有什么影響？”

　　我們都知道，在HMTL5之前幾乎沒有符合標准規范的Webu瀏覽器！在這種情況下，各個瀏覽器之間的互相兼容性和互操作性在很大程度上取決於網站建設開發者的努力，而瀏覽器本身始終是存在缺陷的。

　　前面章節講過，HTML5就是把解決各Web瀏覽器的兼容性作為目標的。所以各Web瀏覽器的供應商們可以把HTML5分析器集中封裝在自己的瀏覽器中。

　　最新的Firefox(默認為4.0以后的版本)與WebKit瀏覽器引擎中都迅速封裝了HTML使用的分析器，IE與Opera也在努力加快對HTML5的支持，瀏覽器兼容性的提高指日可待！

HTML5的語法發生了一些變化，這些變化的最大特征就是：HTML5更寬容了！HTML5規范的設計初衷就是最大限度地“兼容”互聯網上隨處可見的不規范頁面。

歸納起來，HTML5存在如下幾點語法變化：

a:標簽不在區分大小寫

<p>Rodolfo講述H5</P>中<p.../>元素的開始比愛哦前和結束標簽的大小寫並不匹配，但這完全符合HTML5規范。

b:元素可以省略結束標簽

HTML5顯得十分寬容，它允許部分HTML元素省略結束標簽，甚至允許HTML元素同時省略開始標簽和結束標簽。具體來說，HTML5中的省略標簽可分為如下三種：

（1）空元素語法的元素：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、war。

空元素不允許將開始標簽和結束標簽分開定義。例如,<img.../>元素不允許寫成如下形式：

<img src=“a.gif” alt=“a”></img> （這是錯誤的）

<img…/>元素應該是空元素，應該寫成：

<img sec=“a.gif” alt=“a” />

與此同時，HTML5並不要求遵守XML規范，因此<img.../>元素寫成如下形式也是正確的：

<img src=“a.gif” alt=“a">

（2）可以省略結束標簽的元素：

colgroup、dt、dd、li、optgroup、option、p、rt、rp、thead、tbody、tfoot、tr、td、th。

（3）可以省略全部標簽的元素：html、head、body、tbody。

c:允許省略屬性值的屬性

HTML5中允許省略屬性值的屬性：

checked、readonly、disabled、selected、defer、ismap、nohref、noshade、nowrap、multiple、noresize。

d:允許屬性值不使用引號

傳統的XHTML按XML規范對屬性值進行要求，要求所有的屬性值都必須使用引號引起來，但HTML5允許直接給出順序性質，及時不放在引號中也是正確的。

　　擴展知識：

　　HTML語法是在SGML語言的基礎上建立的。但是SGML語法很復雜，要開發能夠解析SGML語法的程序也很不容易，所以很多瀏覽器都不包含SGML 分析器。一次，雖然HTML基本上遵從SGML語法，但是對於HTML的執行在各個瀏覽器之前沒有一個統一的標准。所以也就有了HTML5為之努力實現各瀏覽器見的標准。

　　SGML(Standard Generalized Markup Language)標准通用標記語言，是現時常用的超文本格式的最高層次標准，是可以定義標記語言的元語言，甚至可以定義不必采用< >的常規方式。由於SGML的復雜，因而難以普及。

　　SGML例子:

< QUOTE TYPE = "example" >

typically something like < ITALICS >this</ ITALICS >

</QUOTE>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 HTML5 介紹 HTML5中canvas介紹 HTML5開發IDE介紹 HTML5介紹 HTML5 WebSocket 技術介紹簡單介紹HTML5 Landmark HTML5 元素 datalist 介紹 HTML5 元素屬性介紹 HTML5 WebSocket 技術介紹 html5 canvas--1.canvas介紹