灵魂腐蚀 发表于 2015-1-15 22:57:54

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

随着高端手机(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) 的家喻户晓。
页: [1]
查看完整版本: html5教程之怎样在老式扫瞄器IE6中利用 HTML5 标签?