html5教程之怎样在老式扫瞄器IE6中利用 HTML5 标签？

只看该作者 · 发表于 2015-1-15 22:57:54

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。破洛洛文章简介：博客早就转用HTML5的写法，但苦于良多用户没有效最新的扫瞄器，一向还在用HTML4的标签集。HTML5良多标签语义化强并且有用，我也入手下手实验一些经常使用的标签了，如今用上了article和time标签。
HTML5向开辟职员供应了良多新的标签，如section，nav，article，header和footer等。这些标签语义化水平高，会被常常利用，但在IE6，IE7，IE8和Firefox2等老式扫瞄器中不克不及辨认和一般利用。
为何老式的扫瞄器不克不及辨认这些标签？
实在错不在扫瞄器，由于在谁人时期基本不存在这类标签，以是不克不及准确辨认出来，而这类不平常的标签辨认令DOM布局变得非常。
我们有测试代码以下。是一个文章题目和蓝色字的文章内容，个中文章内容用了article标签。

<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml"lang="zh-CN">
<head>
<metacharset="UTF-8"/>
<title>测试</title>
<style>
article{color:#06F;}
</style>
</head>

<body>
<h1>文章题目</h1>
<article>
这是文章内容，应当是一段蓝色的笔墨。在老式扫瞄器中，假如不做hack将显现非常。
</article>
</body>
</html>

在IE8中，显现以下。

登录/注册后可看大图

IE8不克不及辨认article标签，界说在标签上的CSS款式没有起感化。在IE8中，<article>被注释成定名为<article/>和</article/>两个空的标签元素，与文章内容并列为兄弟节点，以下图。

登录/注册后可看大图

怎样在老式扫瞄器中利用HTML5标签？
既然由于不克不及辨认标签而不克不及利用，办理举措就是让标签被辨认出来。所幸，复杂地经由过程document.createElement（tagName）便可以让扫瞄器辨认标签和CSS引擎晓得该标签的存在。假定我们下面的例子的<head>地区加上以下代码。

<script>
document.createElement(article);
</script>

IE8中的DOM注释就会酿成下图所示。

登录/注册后可看大图

天然，笔墨也显现成一般的蓝色。

登录/注册后可看大图

结语
博客早就转用HTML5的写法，但苦于良多用户没有效最新的扫瞄器，一向还在用HTML4的标签集。HTML5良多标签语义化强并且有用，我也入手下手实验一些经常使用的标签了，如今用上了article和time标签。
</p>
WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。

只看该作者 · 发表于 2015-1-17 19:54:09

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-1-31 20:41:14

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-2-7 01:33:33

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-2-19 13:56:10

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

只看该作者 · 发表于 2015-3-6 15:31:26

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

只看该作者 · 发表于 2015-3-13 04:09:27

使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

只看该作者 · 发表于 2015-3-20 12:40:56

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

		自动登录	找回密码
密码			立即注册

[HTML5] html5教程之怎样在老式扫瞄器IE6中利用 HTML5 标签？

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子