1.html5的起源，歷史背景……

　　按照一般的套路，我這里應該對html5的起源和發展歷史，其優越性等大書特書一番。但既然你有意識地專門去找類似的文章，說明你早有相應的認識，就算沒有，類似的東西網上也一大堆。我這里就不寫這些沒有營養的東西了。所以這里略過了N個字…………

2.html5是什么？

　　按照比較正式的說法，html系列的語言都被稱為超文本標記語言，那究竟什么叫做超文本標記語言呢？

　　首先，我們要建立一個概念，其實html頁面就是一個文檔，這和你打開一個word文檔的行為相差無幾。下面是一些實驗：　

文本
<span>文本</span>
<scolia>文本</scolia>
<scolia abcd=123>文本</scolia>

　　以上的代碼在瀏覽器中的訪問效果是這樣的：

　　

　　首先，他能夠正常訪問，并沒有報錯。但留心我的html代碼的第一行，它并沒有任何的標簽，單純就是兩個字符，這里我們就可以得出第一個結論：

　　　　1.在html文檔中文字就算沒有標簽包裹的，也能夠正常顯示。

　　再看看第三行，很明顯html中不可能認識<scolia>這個標簽，因為這是我瞎寫的，這里可以得出第二個結論：

　　　　2.在html文檔中使用不被識別的標簽，頁面也能正常顯示。

　　第四行，我在一個不被識別的標簽里也寫了一個不被識別的屬性，但依然能正常顯示，這里可以得出第三個結論：

　　　　3.在html文檔中的標簽中設置一個不被識別的屬性，頁面也能夠正常顯示。

　　最后再看第二行，<span>是html文檔內置的一個標簽，也就是說它是可識別的，但是為什么他看起來和其他亂寫的效果是一樣的呢？

　　為了說明這個問題，我有繼續做了下面的實驗：

<em>文本</em>
<strong>文本</strong>

　　其在瀏覽器顯示的效果：

　　

　　這次的效果很明顯，一個傾斜，一個加粗。<em>、<strong>和<span>都是內置的標簽，為什么在效果上差別那么大呢？

　　如果你之前有過學過一點腳本語言的話，下面的解釋就很好懂了，因為它的行為和腳本語言其實還是很類似的。

　　首先，我們能看到的內容其實就是一個文檔，文檔本身可以不包含任何標簽，就像我們在word文檔中看到的可以是單純的文字一樣。但是就像我們可以在word文檔編輯文字的傾向和加粗一樣，我們的文檔查看器（也就是瀏覽器）也能做到。但是和word中使用鼠標和快捷鍵的編輯方式不同，html文檔的編輯是通過標簽的形式，就像上面實現的文字傾斜和加粗效果一樣。

　　若按照腳本語言的角度來講，網頁文檔其實就是源碼文件，而我們的瀏覽器就是腳本解釋器，瀏覽器通過解釋特定的標簽而實現相應的功能。但和真正的腳本語言編程不同，瀏覽器并不強制要求所有文字都要標簽包裹，也就是一個文件中可以只有部分的代碼符合瀏覽器的語法，而瀏覽器也只解釋那部分的代碼，對于沒有標簽的或者是標簽不識別的，都會忽略，當成普通的文字來顯示。

　　<em>、<strong>和<span>都是內置的標簽，瀏覽器對這些進行標簽解釋以后（這個解釋的過程也可以說是渲染），為其加上不同的效果。當然<em>、<strong>已經內置傾斜和加粗的效果，而<span>并沒有內置任何效果，所以就造成了以上顯示的區別。如果有一天瀏覽器為<span>標簽也加上效果的話，或者為我之前寫的<scolia>標簽加上效果。那么，當我使用相應的標簽的時候，就會有相應的效果。

　　其實作為前端最大的痛苦不是如果構建代碼，而是如何去兼容各種瀏覽器。我這里也用腳本語言的思想去解釋為什么要兼容。

　　首先，傳統的腳本語言的解釋器只有官方出的一種，最多也就是版本上的區別，但一定你選用了哪個版本，然后用這個版本的解釋器是構建代碼，那么任何時候，相同的代碼，解釋器解釋后就結果就只有一種。

　　但是，html語言的解釋器是瀏覽器，而瀏覽器卻不止一種，各各公司所出的瀏覽器在解釋上有一定的差異，同一個公司的不同版本也有差異。而最大的困難是你能要求自己只使用某個解釋器去解釋代碼，而不能要求你的用戶都使用哪個瀏覽器去瀏覽你的網頁。這樣造成的結果就是同樣的代碼，在不同的瀏覽器就會有不同的效果。效果不同還好說，萬一某個瀏覽器不支持某個語法，對html語言來說那段文字就會被當成普通文字來對待了，這也就是為什么要做兼容。

　　其實我們也可以使用腳本語言的思想去理解css和JavaScript，如果你之前并不知道什么是腳本語言，那很抱歉可能這篇文章并沒有辦法幫助你理解。此時，你可能需要通過別的方式來自己理解了，只有自己正在理解的東西才是真正屬于自己的。

　　如果你想找視頻還學習html5或者其他前端語言的話，你可以去www.yc60.com

　　反正是免費的，別說我是賣廣告的。

　　我的前端知識也是那里學來的，博客里的很多內容也是摘自那里的課件，外加自己的部分理解。這里寫在這里就當作是參考文獻的聲明吧。

總結

以上是生活随笔為你收集整理的1.html5究竟是什么的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。