自從2010年正式推出html5之后,它就以驚人的速度在發展著,而且,現在我們看到的網站,大多數也是用HTML5寫出來的,它的受歡迎的程度也是越來越高,說HTML5是Web前端的主流技術之一,也并不為過。那么HTML5和HTML4有什么不同呢?
青島HTML5
要搞清楚這個問題,我們就要先弄明白HTML5和HTML4的定義,HTML5是應用超文本標記語言(HTML)的第五次修改,HTML4是應用超文本標記語言(HTML)的第四次修改,他們分別是HTML語言第5和第4版本。HTML4在當年也是比較火的,但HTML4的產生,是為了互聯網時代中的電腦端。現在互聯網時代已經發展到了移動互聯網的時代,基本上每人都會有一部手機隨身攜帶,人們看新聞或者娛樂的方式也漸漸從電腦轉移到了手機上了,因此HTML5就順應時代的產生了。具體區別如下:
1、取消了一些過時的 HTML4的標簽
其中包括純粹顯示效果的標記,如<font>和<center>,它們已經被 css完全取代。
其他取消的屬性:acronym, Applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。
2、添加了一些新的元素
比如:更加智能的表單標簽:date, email, url 等;更加合理的標簽:section, video, progress, nav, meter, time, aside, canvas等。
3、新的全局屬性:contentEditable designMode hidden spellcheck tabindex
4、標記方法: 文件類型聲明(<!DOCTYPE>)僅有一型:<!DOCTYPE HTML>。
指定字符編碼 <meta charset="UTF-8">
5、新的JS API
6、保證了兼容性
可以省略標記元素
不允許寫結束標記:如area base br
可以省略結束標記:如li dt
可以省略全部標記:如html head
看到這里,有的朋友可能就會問了,HTML5的這次發展性的改變,有哪些優點呢?
舉個簡單的例子來說吧,在HTML5出世之前,我們在制作頁面的時候,選擇的方式都是利用DIV和CSS來布局,模塊是通過Class來區分的。但是在搜索引擎抓取頁面內容的時候,爬蟲并不能清晰的識別出每個DIV中的內容是什么,它只能通過猜測來判斷這些DIV分別是哪些內容的容器,因為Class并不是瀏覽器通用的標準規范。大家可以理解為,整個HTML文檔結構的定義是不清晰的。而在HTML5中,這個問題被完美的解決了,HTML5中專門添加了頁眉、頁腳、導航、文章內容等結構元素標簽。
總的來說,HTML5的出現幫助我們解決了瀏覽器兼容問題、文檔結構不明確的問題以及Web應用程序功能受限等問題。
因此,在HTML5火熱并在上升的時候,加入這個行業,也是一個很不錯的選擇。






