1 HTM L 5
從1993年HTML第一版到現(xiàn)在已有20年左右的發(fā)展歷史。其先后由標(biāo)準(zhǔn)化組織制定和發(fā)布了HTML2.0、HTML 3.0、HTML 4.0、HTML 4.01等幾個(gè)版本,其中以HTML 4.01的意義和影響最為深遠(yuǎn),一直延用至今。
HTML 5是2004年由WHATWG提出。直至2007年才被W3C(World Wide Web Consortium萬維網(wǎng)聯(lián)盟)接納,并成立研究團(tuán)隊(duì)進(jìn)行研究,近兩年才有了突破性進(jìn)展,不過以WHATWG的說法,目前HTML 5仍處于探索階段,要真正成熟和實(shí)用還須再經(jīng)過多年努力。
2 HTML 5基礎(chǔ)
要研究HTML 5,自然得了解其發(fā)展的歷史和基礎(chǔ).而細(xì)致到每個(gè)版本功能、特點(diǎn),則又會(huì)太過浪費(fèi)精力和時(shí)間。那么從最近的版本開始也就是最直接和有效的了。下面先來簡(jiǎn)單了解一下HTML 5從HTML 4沿襲和改進(jìn)的一些功能。
(1)取消了一些過時(shí)的標(biāo)記,如<font>和<center>等,完全又CSS取代實(shí)現(xiàn)。
(2)將內(nèi)容與顯示分離,頁面內(nèi)的標(biāo)簽主要起標(biāo)識(shí)作用,而顯示由CSS控制。
(3)加入一些新的表單對(duì)象,使其支持的功能和字符兼容等都有很大的擴(kuò)展。
(4)加人對(duì)本地?cái)?shù)據(jù)庫的支持。
(5)全新的Tag標(biāo)記及Canvas對(duì)象在多媒體和圖形繪制上的突出功能。
HTMLS對(duì)之前的一些標(biāo)簽功能做了很多調(diào)整,并加入了一些重要的全新的標(biāo)簽,如:<video>,<audio>,<canvas>等。
3 HTML 5優(yōu)化特性
3.1 Canvas元素
Canvas元素不僅可以定義圖形圖像,同時(shí)加上其他腳本可以實(shí)現(xiàn)圖形的繪制。如下代碼可以實(shí)現(xiàn)一個(gè)顏色漸變的方格:
表1 <Canvas>標(biāo)簽的屬性
3.2 Video和Audio元素
3.2.1 Video元素
目前大多數(shù)網(wǎng)站視頻是通過插件來播放的。可以很多瀏覽器擁有和支持的插件不盡相同,HTMLS規(guī)定了一種通過Video元素來包含視頻的標(biāo)準(zhǔn)方法。如下一個(gè)簡(jiǎn)單的實(shí)現(xiàn):
表2 <video>標(biāo)簽的屬性
3.2.2 Audio元素
Audio元素用法與Video元素大體相同.支持的媒體格式包括:Ogg Vorbis.MP3和Wav。
<audio>標(biāo)簽的屬性如表3所示。
表3 <audio>標(biāo)簽的屬性
3.3新的特殊內(nèi)容元素
除了前面介紹的幾個(gè)主要元素,HTML 5還提供幾個(gè)新的內(nèi)容元素,如article , footer , header ,nav , section等
3.4優(yōu)化后的表單控件
HTML 5新添加表單控件,也是一個(gè)全面的革新,如datalist , keygen , output , calendar , date , time , email , url、search等,使表單外觀更整潔,執(zhí)行更高效。
3.5對(duì)本地?cái)?shù)據(jù)庫的安全存儲(chǔ)
HTML 5可以通過加載本地的SQL數(shù)據(jù)庫,從而加速交互式搜索,緩存和索引功能,使更多軟件可實(shí)現(xiàn)離線支持。
4 對(duì)搜索引擎的優(yōu)化
很多頁面開發(fā)者在都會(huì)個(gè)性化地不按語義書寫代碼,比如邊欄(aside)大都寫成sidebar,更有甚者寫成完全不可理解的名稱,使得網(wǎng)頁混亂難懂,導(dǎo)致搜索引擎不好理解。
通常搜索引擎的爬蟲并不能完全的從語法層面精確描述和分析HTML中的標(biāo)簽,但HTMLS在這方面做了進(jìn)一步的努力。
(1)通過大量使用noscript標(biāo)簽,因?yàn)镠TMLS時(shí)代將會(huì)是一個(gè)富媒體時(shí)代。傳統(tǒng)的文字、圖片、鏈接、視頻、音頻可能已經(jīng)滿足不了用戶的需求,大量的腳本能夠編輯出豐富的信息,包括游戲、個(gè)性化設(shè)計(jì)等。
(2)通過time標(biāo)簽來判斷網(wǎng)頁文字源,也就是能夠通過time標(biāo)簽來識(shí)別哪篇文章是原創(chuàng)的。而time標(biāo)簽可能將是成為HTMLS時(shí)代SEO們爭(zhēng)論不休的一個(gè)標(biāo)簽。
(3)使用video標(biāo)簽中間區(qū)域的文字信息能夠讓搜索引擎讀懂視頻。
隨著不斷的更新和優(yōu)化HTMLS將讓搜索引擎可以讀懂圖片、富媒體的內(nèi)容。
5 結(jié)束語
通過上文的介紹,可以對(duì)HTML 5的基礎(chǔ)知識(shí)和整體結(jié)體結(jié)構(gòu)有一個(gè)全面的了解,為讀者繼續(xù)深入學(xué)習(xí)HTML 5指引方向。
核心關(guān)注:拓步ERP系統(tǒng)平臺(tái)是覆蓋了眾多的業(yè)務(wù)領(lǐng)域、行業(yè)應(yīng)用,蘊(yùn)涵了豐富的ERP管理思想,集成了ERP軟件業(yè)務(wù)管理理念,功能涉及供應(yīng)鏈、成本、制造、CRM、HR等眾多業(yè)務(wù)領(lǐng)域的管理,全面涵蓋了企業(yè)關(guān)注ERP管理系統(tǒng)的核心領(lǐng)域,是眾多中小企業(yè)信息化建設(shè)首選的ERP管理軟件信賴品牌。
轉(zhuǎn)載請(qǐng)注明出處:拓步ERP資訊網(wǎng)http://www.ezxoed.cn/
本文標(biāo)題:深入分析HTML 5在信息安全上的優(yōu)化
本文網(wǎng)址:http://www.ezxoed.cn/html/support/1112156364.html