html5零基础入门学习教程 零基础学员必看

随着智能手机、平板电脑等移动终端设备越来越普及,用户在移动端花的时间也越来越长 。H5开始火热起来,以文字、图片、动画、声音等相结合的自媒体出现,给用户带来了全新体验,技术本身带来的新奇感让人们心生向往 。


html5零基础入门学习教程 零基础学员必看

文章插图
html5零基础入门学习教程 零基础学员必看

文章插图
html5零基础入门学习教程 零基础学员必看

文章插图
H5浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性 。Internet Explorer 9 将支持某些 HTML5 特性 。
IE9 以下版本浏览器兼容HTML5的方法
<!--[if lt IE 9]> <script src="http://pic.caodingtushuguan.com/221001/022221E30-3.jpg"></script><![endif]-->载入后,初始化新标签的CSS:
/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}H5代码规范
1. HTML5 元素名可以使用大写和小写字母 。
但推荐你使用小写字母:
混合了大小写的风格是非常糟糕的 。
开发人员通常使用小写 (类似 XHTML) 。
小写风格看起来更加清爽 。
小写字母容易编写 。
2. 在 HTML5 中, 你不一定要关闭所有元素(例如
元素),但建议你每个元素都要添加关闭标签 。
3. HTML5 属性值可以不用引号 。
属性值我们推荐使用引号:
如果属性值含有空格需要使用引号 。
混合风格不推荐的,建议统一风格 。
属性值使用引号易于阅读 。
4. 图片通常使用 alt 属性 。在图片不能显示时,它能替代图片显示 。
【html5零基础入门学习教程 零基础学员必看】5. 等号前后可以使用空格 。
6. 使用 HTML 编辑器,左右滚动代码是不方便的 。
每行代码尽量少于 80 个字符 。
7. 不要无缘无故添加空行 。
为每个逻辑功能块添加空行,这样更易于阅读 。
缩进使用两个空格,不建议使用 TAB 。
比较短的代码间不要使用不必要的空行和缩进 。
8. 样式表使用简洁的语法格式:
将左花括号与选择器放在同一行 。
左花括号与选择器间添加一个空格 。
使用两个空格来缩进 。
冒号与属性值之间添加一个空格 。
逗号和符号之后使用一个空格 。
每个属性与值结尾都要使用分号 。
只有属性值包含空格时才使用引号 。
右花括号放在新的一行 。
每行最多 80 个字符 。

    推荐阅读