html5 構造網頁的新方式

2022-03-31 02:12:56 字數 540 閱讀 8401

從 html 誕生至今,我們構建 html 頁面的使用 html 元素好像並沒有太多的進步。在構建 html 頁面中,用的最多的是 div 標籤。但是應用 div 標籤構建 html 頁面有乙個問題,那就是在檢視別人的源**的時候 ,並不能一下子知道 哪個 div 是表示啥的,需要在樣式檔案之間來回跳動,才能解決這個問題。

html5 引入了一堆新的標籤,來解決了 div 標籤並不能很好的表達標籤的語義的問題。

要想網頁的結構更清晰,需要使用 html5 中的語義元素。這些語義元素會為他們標註的內容賦予額外的含義。

<

p> 我在 <

time

> 2015.11.20

time

> 加入這個公司

p>

那麼為啥要使用 html5 的語義化元素呢,主要是因為它有以下的優點:

2. 易於維護和修改。解讀傳統網頁的頁面結構的時候,需要不斷去看樣式表,以了解頁面的布局和不同區塊兒的重要程度。但是通過 html5 語義標籤,就能夠直接的傳達出額外的結構資訊。

等.....

HTML5儲存方式

cookies的野蠻生長 本地儲存localstorage 本地儲存sessionstorage web sql indexeddb 在html5出現之前,cookies便佔據了客戶端儲存的整個江山,就像是蠻荒時代的野蠻生長,cookies很好 快速地滿足實際應用的需求。但是它的問題也很明顯,coo...

網頁錄音,html5錄音

第乙個是在第二個的基礎上擴充套件出來的,使用flash模組實現錄音功能 第乙個已經實現了錄音並上傳到伺服器的功能,但是有個問題是錄音中雜音太大,鑑於自身技術水平不支援優化原始碼,所以基本是被嫌棄了 第三個是使用 html5 的 audio api 實現的,如果不考慮 ie 的話,是非常推薦的 以上是...

HTML5儲存方式總結

html5之前,主要使用cookies儲存。cookie實際上是一小段的文字資訊。客戶端請求伺服器,如果伺服器需要記錄該使用者狀態,就向客戶端瀏覽器頒發乙個cookie。客戶端瀏覽器會把cookie儲存起來。當瀏覽器再請求該 時,瀏覽器把請求的 連同該cookie一同提交給伺服器。伺服器檢查該coo...