标签:
先回顾一下WEB技术的几个阶段
那么H5肯定不是多了一些标签就完事了,H5也跟酷炫没什么关系,那是CSS3的事情,它更多的职责是功能,而不是外观,是JavaScript API和CSS的提升,构建 Web 应用程序整体解决方案
H5应用场景
H5新特性
JavaScript API
H5 骨架
在Sublime\WebStorm等一些工具中 叹号加回车自动生成H5骨架
1 <!-- H5的DOCTYPE声明做了最大简化 --> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <!-- 在标准的H5骨架中charset是直接在meta中设置charset --> 7 <!-- 字符编码的设置一定是在head中的第一行 --> 8 <title>页面标题</title> 9 </head> 10 <body> 11 12 </body> 13 </html>
语义化标签
H5中制定了一系列语义化标签:
我们应该根据内容的性质决定使用特定的标签,比如说
在H5中,主体结构标签默认和DIV都是相同的块级效果
但是DIV没有语义,而以上标签有特定语义
那么为啥要有语义化标签?
最近群里经常讨论,关于什么时候使用H5的新特性,能不能使用新特性的问题
我个人认为,无伤大雅的地方直接用
比如一个文本框,加上placeholder就具备占位文本提示功能,浏览器不支持也不会报错,那就可以直接使用
再比如`<input type="email">`,如果浏览器不支持,默认会显示文本框,那也可以直接用。
标签:
原文地址:http://www.cnblogs.com/luqin/p/5239688.html