HTML5語法《HTML5系列教程1》

HTML5 移動互聯網 標記語言 XML 網絡推廣專家龐洪 2017-04-02

HTML5語法《HTML5系列教程1》

HTML5與HTML4在語法上有很多相似之處,但還是有很多的關鍵地方是不太一樣的,接下來我們就來看一下HTML5語法和HTML4語法的不同之處。

1.字符編碼

字符編碼用於指定一個HTML文檔使用的是哪種字符集,以便告訴瀏覽器應該使用哪種編碼對文本進行儲存或通過通信網絡進行傳遞。在HTML文檔中,使用 元素指定字符編碼。在HTML4語法中,其表現形式如下:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

而在HTML5語法中,直接使用charset屬性即可指定字符編碼,其形式如下:

<meta charset="utf-8">

2.DOCTYPE文檔類型

DOCTYPE文檔類型是一種標準通用標記語言的文檔類型聲明,在HTML文檔種,用於告訴瀏覽器應該使用什麼樣的文檔類型來解析HTML文檔。

在HTML4語法中,DOCTYPE文檔類型的表現形式如下:

<!DOCTYPE HTML PUBLIC “-//w3c//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

在HTML5語法中,DOCTYPE文檔類型的表現形式如下:

<!doctype html>

3.MathML與SVG

MathML稱為數學置標語言,是一種基於XML的標準,用於在互聯網上書寫數學符號和公式。SVG稱為可縮放矢量圖形,同樣基於XML標準,是一種用於表示二維矢量圖形的格式。在HTML4中,需要使用特定的標籤來顯示MathML和SVG,如embed、object或者iframe,但在HTML5中,可以將MathML和SVG內嵌在HTML文檔中,完成相同功能。比如在HTML5中使用SVG元素繪製的圓如下所示:

HTML5語法《HTML5系列教程1》

繪製圓形的代碼:<svg style="height: 200px;">< circle r="80" cx="100" cy="100" fill="blue"/>< /svg>

繪製五角星的代碼:<svg height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:#bcfafd;stroke:blue;stroke-width:3;fill-rule:evenodd;" /> </svg>

現今伴隨著網絡寬帶和電腦配件的大幅度改善和增強,互聯網未來的發展方向,註定了要適應大家日益強烈的用戶體驗。而HTML5語法作為唯一一個能夠在多平臺(PC、Mac、iPhone、iPad、Android、Windows、phone等)運行的語言,註定了其成為移動互聯網時代的HTML標準。

相關推薦

推薦中...