html標籤程式設計相容性注意事項-html教學-PHP中文網

height : 1.5; 为页面添加DOCTYPE

由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。

!DOCTYPE 声明指定文档遵从的 DTD ，如：

e3715f1610168c339767970d7e8a4742<p style="white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;">注意标签及属性的大小写

有的时候，有些绑定在元素上的事件在IE浏览器下响应，在safari或其他浏览器下却不响应。这时候需要检查事件绑定方式的正确性，高级事件的绑定需要区别IE和其他浏览器写两套javascript，而简单事件模型需要注意一下绑定事件名的大小写。如：

这里应该用小写的onfocus，并且显示的添加标签闭合符号才是规范的写法。

注意标签的属性值设置

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 标签的language和type属性

标签的language属性是用来定义脚本语言版本的，正确的赋值应该形如 用来告诉浏览器（主要是IE）使用1.2版本的javascript语法来解释；而type属性才是用来定义脚本类型的，是w3c的标准属性，并且使用小写属性才是符合标准的做法。如果不是特别情况下需要告诉浏览器按照较低版本的javascrip语言进行解释的话（目前大多数浏览器支持的javascript版本是1.5），一般不需要定义language属性，但是type属性是需要定义的。所以应该把代码中的

改为

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的alt和title屬性

雖然alt和title這兩個屬性的值在IE下都會以tool tip的方式在滑鼠懸停時顯示，但是二者還是有區別的。 alt是圖片沒有顯示出來的時候的替代顯示，而title才是滑鼠放到上面時的提示。

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的checked、readonly屬性

在早期版本的HTML中，並沒有強制規定所有的屬性都應該賦值，在表示一個選取的複選框時， 這樣的寫法是被認可的。但根據XHTML的標準，這樣的文法並不是一個嚴格的XML格式，應該注意對屬性的賦值和標籤的閉合，以順應HTML標準發展的趨勢，寫成這樣：

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的select ed屬性

與上一條相同的理由， 選項中 標籤的selected屬性也應該賦值：

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的align= "absmiddle" 屬性

根據XHTML的標準，HTML標籤應該專注於內容的表示，而不是樣式的控制，樣式應該交給CSS調整。所以廢棄了一些舊的標籤和屬性，例如 標籤和 標籤都會讓標籤內容中文字以斜體顯示，但是 標籤這種單純以樣式命名的標籤已經屬於廢棄的標準了，取而代之的是表示emphasis（強調）意義的 標籤。同理， 標籤的和align="absmiddle" 屬性表示該圖片和相鄰文字垂直居中對齊，這也是表示樣式的屬性，應該使用CSS而不是這個屬性來控制圖片的對齊樣式，避免兩處樣式控制的相互影響。

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的frameborder屬性

在使用iframe時，IE中或許只要設定border=「0」就可以不顯示iframe的邊框了，但是標準的控制frame窗口邊框的屬性是frameborder，應該設定frameborder=“0”才能在IE以外的其他瀏覽器中同樣隱藏frame的邊框：

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的cellpadding屬性

這個屬性同 標籤的align屬性一樣，也是一個篡奪了HTML自身表示內容的職責而控制樣式的一個屬性，它規定的是單元之間的空間。從實用角度出發，最好不要規定 cellpadding，而是使用 CSS 來控制單元格的內邊距。

<p style='white-space: normal; widows: 1; font-size: 16px; height: auto; line-height: 1.8; padding-left: 20px; color: rgb(102, 102, 102); margin: 10px 0px; font-family: verdana, Arial, Helvetica, sans-serif; background-image: url("http://www.cnblogs.com/skins/StylePink/images/bg_list.gif"); background-attachment: initial; background-color: rgb(255, 255, 255); background-size: initial; background-origin: initial; background-clip: initial; background-position: 0% 0%; background-repeat: no-repeat;'> 標籤的nowrap屬性

nowrap是表示內容不自動換行的屬性，但是同上面的屬性一樣，這是一個控制樣式的屬性。在 HTML 4.01 中， 標籤的 "bgcolor"、"height"、"width" 以及 "nowrap" 是不被贊成使用的。在 XHTML 1.0 Strict DTD 中， 標籤的 "bgcolor"、"height"、"width" 以及 "nowrap" 是不被支援的。

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

html標籤程式設計相容性注意事項