HTML 태그 프로그래밍 호환성 고려 사항

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

Alt 및 title 두 속성의 값은 IE에서 마우스를 올리면 도구 설명 형태로 표시되지만, 여전히 둘 사이의 차이입니다. alt는 그림이 표시되지 않을 때의 대체 표시이고, 제목은 마우스를 위에 놓을 때 나타나는 프롬프트입니다.

d5fd7aea971a85678ba271703566ebfd 태그의 selected 및 readonly 속성

초기 버전의 HTML에서는 선택된 체크박스를 표현할 때 모든 속성에 값을 할당해야 하는 것이 필수는 아니었습니다. 스타일이 인정됩니다. 그러나 XHTML 표준에 따르면 이러한 문법은 엄격한 XML 형식이 아니며 HTML 표준의 개발 추세를 따르기 위해 속성 할당 및 태그 폐쇄에 주의를 기울여야 합니다. d031ec03659b4a3ac0ed517a545c46bc

37f4b80455f619732cad1645cea56d9f

5a07473c87748fb1bf73f23d45547ab8 태그

의 선택된 ed 속성은 이전과 동일하며, 선택된 221f08282418e2996498697df914ce4e 옵션의 5a07473c87748fb1bf73f23d45547ab8 속성에도 다음 값이 할당되어야 합니다.

71deefae35a4adca640c4e4736e9509d

a1f02c36ba31691bcfe87b2722de723b 태그의 align="absmiddle" 속성

XHTML 표준에 따르면 HTML 태그는 스타일이 아닌 콘텐츠 표현에 중점을 두어야 하며 스타일은 CSS 조정에 맡겨야 합니다. 따라서 일부 오래된 태그와 속성은 폐기되었습니다. 예를 들어 907fae80ddef53131f3292ee4f81644b 태그는 태그 내용의 중국어 텍스트를 기울임꼴로 표시합니다. 단순히 스타일의 이름을 따서 명명된 표준은 더 이상 사용되지 않으며 강조를 나타내는 907fae80ddef53131f3292ee4f81644b 태그로 대체됩니다. 마찬가지로 a1f02c36ba31691bcfe87b2722de723b 태그의 align="absmiddle" 속성은 이미지와 인접한 텍스트가 중앙에 수직으로 정렬됨을 나타냅니다. 이 속성은 CSS가 이 속성 대신 사용되어야 함을 나타냅니다. 스타일 컨트롤의 두 가지 상호 작용을 피하기 위해 이미지의 정렬 스타일을 제어합니다.

d5ba1642137c3f32f4f4493ae923989c 태그의 frameborder 속성

iframe을 사용할 때 IE는 border="0"만 설정하면 iframe의 테두리를 표시하지 않을 수 있지만 프레임 창 테두리를 제어하는 ​​표준 속성은 frameborder입니다. Frameborder="0"으로 설정해야 IE를 제외한 다른 브라우저에서 프레임 테두리를 숨길 수도 있습니다.

df84aa920af2c89da1fc3261bbc21a39

f5d188ed2c074f8b944552db028f98a1 태그의 cellpadding 속성

이 속성은 a1f02c36ba31691bcfe87b2722de723b 태그의 align 속성과 동일하며, 내용을 표현하고 스타일을 제어하는 ​​속성이기도 합니다. . 단위 사이의 간격을 지정합니다. 실용적인 관점에서는 cellpadding을 지정하지 않고 CSS를 사용하여 셀의 padding을 제어하는 ​​것이 좋습니다.

b6c5a531a458a2e790c1fd6421739d1c 태그

nowrap의 nowrap 속성은 내용이 자동으로 줄바꿈되지 않음을 나타내는 속성이지만, 위 속성과 마찬가지로 스타일을 제어하는 ​​속성입니다. HTML 4.01에서는 b6c5a531a458a2e790c1fd6421739d1c 태그의 "bgcolor", "height", "width" 및 "nowrap" 태그가 더 이상 사용되지 않습니다. XHTML 1.0 Strict DTD에서는 b6c5a531a458a2e790c1fd6421739d1c 태그의 "bgcolor", "height", "width" 및 "nowrap"이 지원되지 않습니다.

위 내용은 HTML 태그 프로그래밍 호환성 고려 사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!