ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML タグプログラミングの互換性に関する考慮事項

HTML タグプログラミングの互換性に関する考慮事項

伊谢尔伦
伊谢尔伦オリジナル
2017-06-16 10:09:551287ブラウズ

页面布局灵活,改版时只需改CSS样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。 

注意标签的闭合关系,尤其是在form标签中嵌套div等其他标签时。

有的时候页面上会出现多余的空白,即使重新设置了margin也无法避免,这个时候有可能是页面元素标签闭合出现了不配对的情况,如:

<div class=”outer”>
     <form name=”testForm”>
         <div class=”inner”>
              <input name=”title” type=”text” />
         </form>
     </div> 
</div>

定义table时使用tbody元素,以保证包括IE在内的所有浏览器可正确使用

即使table没有显示定义tbody元素,浏览器也会认为tr节点的父节点是一个自动添加的默认tbody节点.为了避免使用javascript操纵tr节点时可能产生的误会,  还是手动添加一个比较好,如:

<table id=”myTable”>
<tbody id=”myTableBody”>
  <tr>
       <td>
</td>
</tr>
</tbody>
</table>

注意标签及属性的大小写

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

b5405acd5d4abf6fbfd512dba6dd6b9a

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

12d4d0645fb89f86a4be499df5ba66c7 

注意标签的属性值设置

3f1c4e4b6b16bbbd69b2ee476dc4f83a标签的language和type属性

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

ca59691adfd8042ff4f15bfca379851e改为3f1c4e4b6b16bbbd69b2ee476dc4f83a

3499910bf9dac5ae3c52d5ede7383485タグの alt 属性と title 属性

IE の下にマウスを置くと、alt と title の 2 つの属性の値がツールチップの形式で表示されますが、まだ両者の違い。 alt は画像が表示されていないときの代替表示、title はマウスを置いたときのプロンプトです。

d5fd7aea971a85678ba271703566ebfd タグの selected 属性と readonly 属性

HTML の初期のバージョンでは、選択されたチェック ボックスを表す場合、38938b82a5baf472294778b1b439f831 の記述は必須ではありませんでした。スタイルが認められる。ただし、XHTML 標準によれば、このような文法は厳密な XML 形式ではなく、HTML 標準の開発傾向に準拠するために、属性の割り当てとタグの閉じ方に注意を払う必要があります:

63a4ccc6035e6e0269112f5c0163a823

37f4b80455f619732cad1645cea56d9f

5a07473c87748fb1bf73f23d45547ab8 タグ

の selected ed 属性は前のものと同じであり、選択された221f08282418e2996498697df914ce4e オプションの 5a07473c87748fb1bf73f23d45547ab8 属性にも次の値を割り当てる必要があります:

86a357b6df12f8be838034127bb94595 タグと 5a8028ccc7a7e27417bff9f05adf5932 タグは斜体で表示されます。は単にスタイルにちなんで命名されたもので、すでに廃止されており、強調を表す 907fae80ddef53131f3292ee4f81644b タグに置き換えられています。同様に、a1f02c36ba31691bcfe87b2722de723b タグの align="absmiddle" 属性は、画像が隣接するテキストと垂直方向に配置されることを示し、この属性の代わりに CSS を使用して配置スタイルを制御する必要があることを示します。スタイル コントロールの 2 つの相互作用を避けるための画像です。

d5ba1642137c3f32f4f4493ae923989c タグの Frameborder 属性

iframe を使用する場合、IE は iframe の境界線を表示しないように border="0" を設定するだけで済みますが、フレーム ウィンドウの境界線を制御する標準属性は Frameborder です。 Frameborder="0" を設定する必要があります。IE 以外の他のブラウザでもフレームの境界線を非表示にすることができます:

fbba3d676816937fa18968ad800853f5

f5d188ed2c074f8b944552db028f98a1 タグの cellpadding 属性

この属性は、a1f02c36ba31691bcfe87b2722de723b タグの align 属性と同じで、コンテンツを表現し、スタイルを制御する属性でもあります。 . ユニット間のスペースを指定します。実用的な観点からは、cellpadding を指定せず、CSS を使用してセルのパディングを制御することをお勧めします。

b6c5a531a458a2e790c1fd6421739d1cタグ

nowrapのnowrap属性は、コンテンツが自動的に折り返されないことを示す属性ですが、上記の属性と同様にスタイルを制御する属性です。 HTML 4.01 では、b6c5a531a458a2e790c1fd6421739d1c タグの「bgcolor」、「height」、「width」、「nowrap」タグは非推奨になりました。 XHTML 1.0 Strict DTD では、b6c5a531a458a2e790c1fd6421739d1c タグの「bgcolor」、「height」、「width」、「nowrap」はサポートされていません。

以上がHTML タグプログラミングの互換性に関する考慮事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。