Heim > Artikel > Web-Frontend > Überlegungen zur Kompatibilität der HTML-Tag-Programmierung
页面布局灵活,改版时只需改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
3499910bf9dac5ae3c52d5ede7383485Die alt- und title-Attribute des Tags
Obwohl die Werte der beiden Attribute alt und title in Form eines Tooltips angezeigt werden, wenn die Maus unter IE bewegt wird Es gibt immer noch Unterschiede zwischen den beiden Attributen. alt ist die alternative Anzeige, wenn das Bild nicht angezeigt wird, und title ist die Eingabeaufforderung, wenn die Maus darauf platziert wird.
d5fd7aea971a85678ba271703566ebfd Die aktivierten und schreibgeschützten Attribute des Tags
In früheren Versionen von HTML war es nicht zwingend erforderlich, dass allen Attributen Werte zugewiesen wurden, b0f224f61bae101674bfa733d6f5b035 Diese Schreibweise wird akzeptiert. Nach dem XHTML-Standard handelt es sich bei einer solchen Grammatik jedoch nicht um ein striktes XML-Format. Um dem Entwicklungstrend der HTML-Standards zu entsprechen, sollte darauf geachtet werden:
53da8a6abbc8ca380c749ab4451af416
37f4b80455f619732cad1645cea56d9f
5a07473c87748fb1bf73f23d45547ab8 Das ausgewählte ed-Attribut des Tags
ist das gleiche wie das vorherige, dem ausgewählten Attribut des 5a07473c87748fb1bf73f23d45547ab8-Tags sollte auch ein Wert zugewiesen werden:
9db97dcf3c1c24988ae9b1369bae18f5
a1f02c36ba31691bcfe87b2722de723b align= des Tag-Attributs „absmiddle“
Gemäß XHTML-Standards sollten sich HTML-Tags auf die Darstellung von Inhalten und nicht auf die Kontrolle des Stils konzentrieren , und der Stil sollte der CSS-Anpassung überlassen werden. Daher wurden einige alte Tags und Attribute aufgegeben. Beispielsweise wird der chinesische Text des Tag-Inhalts kursiv angezeigt, das Tag 5a8028ccc7a7e27417bff9f05adf5932 ist einfach nach einem Stil benannt, ist bereits veraltet und wird durch das Tag 907fae80ddef53131f3292ee4f81644b ersetzt. Ebenso gibt das align="absmiddle"-Attribut des a1f02c36ba31691bcfe87b2722de723b-Tags an, dass das Bild vertikal am angrenzenden Text ausgerichtet ist. Dies ist auch ein Attribut, das den Stil von CSS angibt das Bild, um zwei Interaktionen von Stilsteuerelementen zu vermeiden.
d5ba1642137c3f32f4f4493ae923989c Das Frameborder-Attribut des Tags
Bei Verwendung von Iframe müssen Sie im IE möglicherweise nur border="0" festlegen, um nicht den Iframe-Rahmen, sondern den Standard anzuzeigen Steuerrahmenfenster Das Attribut des Rahmens ist „frameborder“. Sie sollten „frameborder="0" festlegen, um den Rahmen des Rahmens in anderen Browsern als IE auszublenden:
45d95e0d1788444251018a04c22a40e2
Das cellpadding-Attribut desf5d188ed2c074f8b944552db028f98a1-Tags
Dieses Attribut ist dasselbe wie das align-Attribut des a1f02c36ba31691bcfe87b2722de723b-Tags. Es ist auch ein Attribut, das die Verantwortung von HTML selbst überschreibt Inhalt und steuert den Stil. Es legt den Abstand zwischen den Einheiten fest. Aus praktischer Sicht ist es besser, das Auffüllen von Zellen nicht anzugeben, sondern CSS zu verwenden, um das Auffüllen von Zellen zu steuern.
b6c5a531a458a2e790c1fd6421739d1cDas nowrap-Attribut des Tags
nowrap ist ein Attribut, das angibt, dass der Inhalt nicht automatisch umbrochen wird, aber wie das obige Attribut ist dies ein Attribut, das den Stil steuert . In HTML 4.01 sind die Tags „bgcolor“, „height“, „width“ und „nowrap“ des b6c5a531a458a2e790c1fd6421739d1c-Tags veraltet. In XHTML 1.0 Strict DTD werden „bgcolor“, „height“, „width“ und „nowrap“ des b6c5a531a458a2e790c1fd6421739d1c-Tags nicht unterstützt.
Das obige ist der detaillierte Inhalt vonÜberlegungen zur Kompatibilität der HTML-Tag-Programmierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!