LOADING STUFF...

HTML5吧!少年

随着互联网的发展,特别是移动互联网的迅猛发展,html5和css3的普及和应用已是大势所趋。虽然目前整站运用html5的条件还不成熟,但我们可以至少尝试使用那些最基本的html5的元素来构建网站。

目前,主流浏览器里只有IE9以下的版本是不支持html5的,但是可以通过一段js脚本来使IE6、7、8也能支持html5的标签,所以我们并不用担心浏览器的兼容性问题,大胆的使用吧。以下就简单介绍一下怎么样在页面上使用html5。

一、为了能使IE9以下的IE浏览器也能支持html5的标签,所以首先得在文档头部用条件注释的方法引入那段著名的代码。

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

这段代码其实也并不神秘,而且非常短小,只是利用了IE的一个奇怪特性而已,感兴趣的同学可以下载下来打开看看。

二、把文档类型声明改为<!doctype html>。看起来,我们绝对是更乐意这样做,因为html5的文档类型声明比起html4那种又臭又长的声明来,真是简单明了,大快人心啊。

三、使用更简洁的文档编码声明如<meta charset=”utf-8″>来代替之前<meta http-equiv…这样的形式。

四、直接使用<script>和<style>标签,不用再定义它们的类型,因为浏览器的默认值就是我们需要的。

五、使用更加语义化的标签, 如<header>,<nav>,<section>,<article>,<footer>等,而不是一大堆的<div>。

六、给标签里属性的值加上引号不是必须的,如<section class=content></section>是完全没有问题的。

很显然,上面那些只是html5的一点皮毛而已,只是能让我们的网页也跟html5沾上一点边而已,要想能感受html5的真正魔力,还得深入学习才行。

原文链接:https://www.cnblogs.com/2050/archive/2012/04/24/2467363.html
本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。

© 版权声明

相关文章