• 模板建站
    培戀網博客
    企業動態 技術分享 行業動態

    HTML4和HTML5之間10個關鍵的不同之處

    seo2023-04-20模板建站分享網站建設網站建設培戀網博客 模板網站優化 seo網站建設 培戀網博客

    HTML5恐怕要讓部分網頁工作者抓狂瞭,HTML5將采用標準的XML語法格式,這對代碼的規范要求非常高。

     

          HTML5是最新的HTML標準,雖然還在制定,但或遲或早,所有的web程序員都會發現需要使用到這個最新的標準,而且,很多人都會感覺到,重新開發一個HTML5的網站,要比把一個網 站 從HTML4遷移到HTML5 上容易的多,這是因為這兩個版本之間有很大不同之處。事 實上,HTML5並沒有對HTML4做什 麼重大的修改,還保留瞭大部分HTML4的優點,以至於過度不致於那麼困難。可是,其中有一些很重要的區別需要知道。

     

          下面列出的就是一些HTML4HTML5之間10個關鍵的不同之處:

     

    1. HTML5 標準還在制定中

    首先要註意的是,HTML5雖然現在很火,但是HTML5標準還在制定中,標準仍在改變。HTML4已經10多年瞭,不會有任何改變瞭。另一方面,HTML5仍處在早期階段,以後的修改會不斷的出現。這就是目前為止,最好在產品裡使用HTML4,隻在實驗裡使用HTML

     

    2. 簡化的語法

    HTML5簡化瞭很多細微的語法,例如doctype的聲明,你隻需要寫<!doctype html>就行瞭。HTML5HTML5XHTML1兼容,但是與SGML不兼容。

     

    3. <canvas>標簽替代Flash

    Flash給很多Web開發者帶來瞭麻煩,要在網頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發者隻要使用一個標簽就 能和用戶產生UI交互。雖然目前<canvas>標簽還不能實現Flash的所有功能,但假以時日,Flash必將從web上淘汰。

     

    4. 新增<header> <footer> 標簽

    HTML5設計的一個原則是更好的體現網站的語義性,所以增加瞭<header><footer>這樣的標簽,用來明確表示在網頁的結構。

     

    5.新增 <section> <article> 標簽

    <header>, <footer>類似,<section><article>也有利於清晰化網頁的結構,更有利於SEO

     

    6.新增 <menu> <figure> 標簽

    <menu>可以被用於創建傳統的菜單,也可以用於工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更專業。

     

    7. 新增 <audio> <video> 標簽

    這兩個標簽可能是HTML5裡面最有用的兩個標簽瞭。顧名思義,這兩個標簽是用來播放音頻和視頻的。

     

    8. 全新的表單

    HTML5<form> <forminput> 標簽進行瞭大量修改,添加瞭很多新的屬性,也修改瞭很多屬性。

     

    9.去掉 <b> <font> 標簽

    這個改進我還無法理解。我不認為刪除這兩個標簽對代碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標簽。但我還是覺得對於簡單的文本,這兩個標簽還是很方便的。

     

    10. 去掉 <frame>, <center>, <big> 標簽

     

    事實上,我已經記不清曾經何時用過這些標記瞭,所以,我並不為去除這些標記感到悲哀。相同的原因,有更好的標記能實現它們的功能——這很好,任何作廢的標記從標準中剔除都是受歡迎的。

     

    雖然現在大多數流行的瀏覽器的最新版都支持HTML5,但有些新的(或修改的)標記和屬性它們並不支持,所以你的網頁在用戶的屏幕上有可能前後顯示的不一致。但相信在不久之後可以在所有的瀏覽器上使用。

    培戀網絡原創版權,轉載請註明出處:

    培戀網原創版權,網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址:http://www.gdszrq.com/news/52276.html

    培戀網網站模板 培戀網 網站模板
    培戀網咨詢在線咨詢
    Copyright © 2002-2019 培戀網 版權所有 東莞網站地圖 網站相關鏈接:|SEO優化技巧|成都seo優化| 粵ICP備17138810號
  • 东京热网址