HTML5 支持 | 21xrx.com

HTML5 浏览器支持

你能训练老版本的浏览器正确的处理HTML5.

HTML5浏览器支持

HTML5在所有的现代浏览器都支持.

另外,所有的浏览器,包括新的和旧的,会自动把不能识别的元素作为行内元素处理.

因为如此,你可以"训练"老版本的浏览器来处理"未知"的HTML元素.

你甚至可以训练IE6(Windows XP 2001)怎么样处理未知的HTML元素.

定义HTML5元素为块元素

HTML5定义了八个新的语义化的HTML元素.它们全都是块级元素.

为了安全且正确的在老版本的浏览器上运行,你可以设置CSS的display属性为block:

header, section, footer, aside, nav, main, article, figure { display: block; }

添加新元素到HTML

用浏览器的小窍门你也可以添加任何新的元素到HTML

下面的例子添加了一个新的元素到HTML叫<myHero>,并给它定义了一个显示样式:

例子

<!DOCTYPE html>
<html>
<head>
  <title>创建一个HTML元素</title>
  <script>document.createElement("myHero")</script>
<style>
  myHero {
      display: block;
      background-color: #ddd;
      padding: 50px;
      font-size: 30px;
  } 
  </style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落.</p>
<myHero>我的第一个问候</myHero>
</body>
</html>

JavaScript语句 document.createElement("myHero")创建了元素,只用于IE.

Internet Explorer浏览器的问题

你可能用过上面描述的解决方案解决了所有的HTML5新元素,但是:

Internet Explorer 8和更低版本不允许给未知元素添加样式..

评论区

21技术 www.21xrx.com 备案号：蜀ICP备17043188号-2

其它

提取图片文字免费的JetBrains license services json在线解析 base64加解密文章搜索