专栏首页Golang语言社区H5一二事 - 要饭的

H5一二事 - 要饭的

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

本文分享自微信公众号 - Golang语言社区(Golangweb)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-03-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 专访 | Cocos王楠:H5游戏最大的短板是CP没有吃透用户的独特需求

    文 | 手游那点事 | Aimee 近日,2016iWeb峰会在上海举办,会上,触控王楠就H5相关话题发表了主题演讲。手游那点事在会后对其进行了采访,关于H5行...

    李海彬
  • H5技术:网络与新媒体的创新发展

      随着网络与新媒体的高速发展,H5标准在正式推出之后,借由微信等平台的巨大传播力,各种H5游戏和专题页面纷纷崭露头角,越来越多地出现在人们的视野中。   Ht...

    李海彬
  • 微信让H5火了,但 H5 营销需小心七大误区

    摘要: 这个市场在逐渐火爆的同时,也越来越混乱,越来越不规范。无论是第三方开发公司,还是广告主,在面对H5营销时都会遇到这样那样的问题,或者说有这样或那样的误区...

    李海彬
  • 专访 | Cocos王楠:H5游戏最大的短板是CP没有吃透用户的独特需求

    文 | 手游那点事 | Aimee 近日,2016iWeb峰会在上海举办,会上,触控王楠就H5相关话题发表了主题演讲。手游那点事在会后对其进行了采访,关于H5行...

    李海彬
  • 告诉你,H5究竟是什么?

    2年来,H5在不同行业被不同人理解成不同的样子,而为了搞清楚究竟何为H5,过去两年我拜访了全国最好的互动营销机构,学习取经,并最后总结了一套关于H5全新的理论和...

    宇相
  • H5技术:网络与新媒体的创新发展

      随着网络与新媒体的高速发展,H5标准在正式推出之后,借由微信等平台的巨大传播力,各种H5游戏和专题页面纷纷崭露头角,越来越多地出现在人们的视野中。   Ht...

    李海彬
  • 微信让H5火了,但 H5 营销需小心七大误区

    摘要: 这个市场在逐渐火爆的同时,也越来越混乱,越来越不规范。无论是第三方开发公司,还是广告主,在面对H5营销时都会遇到这样那样的问题,或者说有这样或那样的误区...

    李海彬
  • 你会不会H5?

    注:谢谢大家的意见和建议,抽时间改了错别字并分好了段落。敬请转发 解释H5是什么的文章也不少, 有知乎上的前端技术大神们的犀利解说: https://www.z...

    用户1730674
  • H5定制需要具备的三大要素!

    一个H5就像一场电影,每个人都可以成为导演,要想精彩,创意、文案、设计、交互等各个环节都必需天衣无缝,用心创意才能感动用户。各行各业都涉足H5,那么定制的H5就...

    用户2356481
  • 面试官:" 说说H5测试点吧 !"

    继上篇 小程序测试点剖析 粉丝们一致要求我再来个H5相关的测试点剖析,那么今天给大家分享的主题就是"H5项目测试要点"

    测试小兵

扫码关注云+社区

领取腾讯云代金券