html5現階段的使用

2021-08-01 11:00:38 字數 1218 閱讀 8710

html5大行其道的時代已經到來,這得益於移動客戶端的蓬勃發展,但其實pc還是要考慮很多相容性問題。(很煩的)

(網上抄的):

對於現階段來說,使用html5標籤可能遇到的最大問題就是如何在不支援新標籤的瀏覽器中做恰當的處理。當我們在頁面中使用html5元素時,可能會得到三種不同的結果。  

結果1:標籤被當作錯誤處理並被忽略。那麼dom構建的時候,就會當作這個標籤不存在。  

結果2:標籤會被當作錯誤處理,並在dom構建的時候依然會按照預期的**進行建立,並且html標籤會被構造成行內元素(也就是說雖然不能識別,但是**裡section標籤依然會在dom中建立乙個對應section節點,但是屬於行內元素)。  

結果3:標籤被識別為html5標籤,然後用dom節點對其進行替換。dom在構建的時候和預想的一致,並且合適的樣式會應用到標籤上(大部分情況下是塊級元素)。

所以真正做的專案還是跟以前一樣,使用div標籤,給div乙個語義化的id或者class。

使用上面的寫法,其實還在查了一下,中文時,使用 lang=「zh-cmn-hans」 

還有編碼以後只用utf-8吧,除非歷史遺留問題。

utf8 和 utf-8 有什麼區別。

"utf-8" 是標準寫法,php 在 windows 下邊英文不區分大小寫,所以也可以寫成 "utf-8"。"utf-8" 也可以把中間的"-"省略,寫成 "utf8"。一般程式都能識別,但也有例外(如下文),為了嚴格一點,最好用標準的大寫"utf-8"。

在資料庫中只能使用"utf8"(mysql) 在mysql的命令模式中只能使用"utf8",不能使用"utf-8",也就是說在php程式中只能使用 "set names utf8(不加小橫槓)",如果你加了"-"此行命令將不會生效,但是在 php 中 header 時卻要加上"-",因為 ie 不認識沒槓的"utf8",原因見下文。

php 中的 header:

<?php header('content-type: text/html; charset=utf-8'); ?> //奇怪了:content-tyep用冒號,chatset卻是等號。

靜態檔案使用:

總結:【只有在mysql中可以使用"utf-8"的別名"utf8",但是在其他地方一律使用大寫"utf-8"。】

具體為:

除了在命令 "mysql_query(set names utf8)" 外一律用大寫"utf-8"。

HTML5的學習(二)HTML5標籤

3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...