HTML5技术

H5一二事 - 要饭的

字号+ 作者:H5之家 来源:H5之家 2016-03-08 14:00 我要评论( )

先回顾一下WEB技术的几个阶段 那么H5肯定不是多了一些标签就完事了,H5也跟酷炫没什么关系,那是CSS3的事情,它更多的职责是功能,而不是外观,是JavaScript API和CSS的提升,构建 Web 应用程序整体解决方案 H5应用场景 H5新特性 JavaScript API H5 骨架 在Su

先回顾一下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">`,如果浏览器不支持,默认会显示文本框,那也可以直接用。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评