在HTML5中，为了兼容IE浏览器，特别是低版本的IE，可以采用以下几种写法：
1. 使用<!DOCTYPE html> 声明
<!DOCTYPE html> 是HTML5的声明，主流的浏览器（除了IE8及以下版本）都支持，对于IE8及以下版本，它们会进入Quirks模式，需要通过后续的声明来强制指定IE的呈现模式。
<!DOCTYPE html>
2. 使用<meta httpequiv="XUACompatible" content="...">
这个标签用于设置IE浏览器的兼容模式，以下是一些常见的写法：
强制IE使用指定的版本渲染：
<meta httpequiv="XUACompatible" content="IE=EmulateIE7">
这行代码表示让IE浏览器以IE7的标准模式进行页面渲染，类似的，你也可以设置为IE5、IE6、IE8等版本。
针对不同版本的IE设置不同的兼容模式：
如果你需要针对多个版本的IE设置不同的兼容模式，可以使用条件注释：
<![if IE]> <meta httpequiv="XUACompatible" content="IE=8"> <![endif]> <![if IE 7]> <meta httpequiv="XUACompatible" content="IE=7"> <![endif]> <![if IE 6]> <meta httpequiv="XUACompatible" content="IE=6"> <![endif]>
这段代码首先检查浏览器是否为IE，然后根据不同的IE版本设置相应的兼容模式。
3. 注意事项
重启浏览器：在某些情况下，修改了<meta httpequiv="XUACompatible" content="...">标签后，可能需要关闭并重新打开浏览器才能看到效果。
仅对IE有效：这些设置仅对IE浏览器或内核引擎是IE的浏览器有效，对于其他浏览器（如Chrome、Firefox等），这些设置不会起作用。
4. 示例代码
结合以上内容，一个完整的HTML5兼容IE的写法示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF8">
<![if IE]>
<meta httpequiv="XUACompatible" content="IE=8">
<![endif]>
<![if IE 7]>
<meta httpequiv="XUACompatible" content="IE=7">
<![endif]>
<![if IE 6]>
<meta httpequiv="XUACompatible" content="IE=6">
<![endif]>
<title>HTML5兼容IE示例</title>
</head>
<body>
<! 页面内容 >
</body>
</html>
FAQs
问题1：为什么需要设置<meta httpequiv="XUACompatible" content="...">？
答：这是因为不同版本的IE浏览器在渲染网页时存在差异，通过设置这个标签，可以强制IE浏览器以指定的版本模式进行渲染，从而确保网页在不同版本的IE浏览器中都能正常显示。
问题2：如果我只想兼容最新的IE版本怎么办？
答：你可以将content属性设置为IE=edge，这样可以让IE永远以最新的版本模式显示网页。
<meta httpequiv="XUACompatible" content="IE=edge">
| 元素/属性 | HTML5 标签 | IE 兼容写法 |
| DOCTYPE | 无需声明 | |
| HTML 根元素 | |
|
| 头部元素 | |
|
| 标题元素 | |
|
| 样式表 | |
|
| JavaScript | |
|
| 脚本内联 |
|