Maison  >  Article  >  interface Web  >  Considérations sur la compatibilité de la programmation des balises HTML

Considérations sur la compatibilité de la programmation des balises HTML

伊谢尔伦
伊谢尔伦original
2017-06-16 10:09:551227parcourir

页面布局灵活,改版时只需改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

3499910bf9dac5ae3c52d5ede7383485Les attributs alt et title de la balise

Bien que les valeurs des deux attributs, alt et title, seront affichées sous forme d'info-bulle au survol de la souris sous IE, ils sont toujours différenciés. alt est l'affichage alternatif lorsque l'image n'est pas affichée, et title est l'invite lorsque la souris est placée dessus.

d5fd7aea971a85678ba271703566ebfd Les attributs cochés et en lecture seule de la balise

Dans les premières versions de HTML, il n'était pas obligatoire que tous les attributs se voient attribuer des valeurs lors de la représentation d'une case à cocher sélectionnée, <. ;entrée vérifiée > Cette façon d'écrire est acceptée. Cependant, selon le standard XHTML, une telle grammaire n'est pas un format XML strict. Il faut faire attention à l'attribution des attributs et à la fermeture des balises pour se conformer à la tendance de développement des standards HTML. >

7074b9939c2b8d251cdd45da5f88f8d9

37f4b80455f619732cad1645cea56d9f

5a07473c87748fb1bf73f23d45547ab8 🎜>

est le même que le précédent, l'attribut sélectionné de la balise 5a07473c87748fb1bf73f23d45547ab8 dans l'option 221f08282418e2996498697df914ce4e doit également se voir attribuer une valeur :

fcb5dfa1f62b70b5f10dd3ee5e48490d

a1f02c36ba31691bcfe87b2722de723b align= de l'attribut "absmiddle" de la balise

Selon les standards XHTML, les balises HTML doivent se concentrer sur la présentation du contenu, plutôt que sur le contrôle du style , et le style doit être laissé à l'ajustement CSS. Par conséquent, certaines anciennes balises et attributs ont été abandonnés. Par exemple, la balise 907fae80ddef53131f3292ee4f81644b et la balise 5a8028ccc7a7e27417bff9f05adf5932 afficheront le texte chinois du contenu de la balise en italique, mais la balise 5a8028ccc7a7e27417bff9f05adf5932 qui porte simplement le nom d'un style, est obsolète, remplacé par la balise 907fae80ddef53131f3292ee4f81644b De la même manière, l'attribut align="absmiddle" de la balise a1f02c36ba31691bcfe87b2722de723b indique que l'image et le texte adjacent sont alignés verticalement au centre. C'est également un attribut indiquant que le style CSS doit être utilisé à la place de cet attribut. contrôlez le style d’alignement de l’image pour éviter deux interactions de contrôles de style.

d5ba1642137c3f32f4f4493ae923989c L'attribut frameborder de la balise

Lors de l'utilisation d'iframe, dans IE, il vous suffira peut-être de définir border="0" pour ne pas afficher la bordure iframe, mais la norme fenêtre du cadre de contrôle L'attribut de la bordure est frameborder. Vous devez définir frameborder="0" pour masquer la bordure du cadre dans les navigateurs autres que IE :

45d95e0d1788444251018a04c22a40e2

L'attribut cellpadding de la balise

f5d188ed2c074f8b944552db028f98a1

Cet attribut est le même que l'attribut align de la balise a1f02c36ba31691bcfe87b2722de723b contenu et contrôle le style. Il stipule l'espace entre les unités. D'un point de vue pratique, il vaut mieux ne pas spécifier cellpadding, mais utiliser CSS pour contrôler le remplissage des cellules.

b6c5a531a458a2e790c1fd6421739d1cL'attribut nowrap de la balise

nowrap est un attribut qui indique que le contenu ne sera pas automatiquement renvoyé à la ligne, mais comme l'attribut ci-dessus, c'est un attribut qui contrôle le style . Dans HTML 4.01, les balises "bgcolor", "height", "width" et "nowrap" de la balise b6c5a531a458a2e790c1fd6421739d1c sont obsolètes. Dans XHTML 1.0 Strict DTD, "bgcolor", "height", "width" et "nowrap" de la balise b6c5a531a458a2e790c1fd6421739d1c

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn