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)

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏守候书阁

vue组件开发练习--焦点图切换

vue用了有一段时间了,开发的后台管理系统也趋于完善,现在时间比较算是有点空闲吧!这个空闲时间我在研究vue的另外的一些玩法,比如组件,插件等。今天,我就分享一...

29610
来自专栏更流畅、简洁的软件开发方式

分享一个基于jQuery的锁定表格行列的js脚本。

  网上也有很多锁定行列的方法,一个是使用css,另一个就是专门的控件附带有锁定的功能。css的大多数锁定行,而不能锁定列。好像看过园子里的司徒正美,写过一个用...

31960
来自专栏姬小光

姬小光前端小讲堂【第002期】

在上一期“然并卵的 Hello World !”(聊天界面回复 001)发出之后,同学们的反应跟我的预期出奇的一致,那就是然!并!卵!

12420
来自专栏编程

如何提升Web页面的性能,HTML和css代码优化!

怎么进步Web页面的功用,许多开发人员从多个方面来下手如JavaScript、图画优化、服务器配置,文件压缩或是调整CSS。 很显然HTML 已经达到了一个瓶颈...

38750
来自专栏跟着阿笨一起玩NET

HTML中显示的文字自动换行

http://www.cnblogs.com/zjxbetter/articles/1323449.html

4.4K10
来自专栏IMWeb前端团队

React16中的服务端渲染(译)

本文作者:IMWeb zzbozheng 原文出处:IMWeb社区 未经同意,禁止转载 React 16发布了。 React 16有很多令人兴奋的新东...

91890
来自专栏小程序之家

如何使用小程序表单组件

上一篇文章中,我们给大家介绍了小程序的视图容器及基础内容组件,该组件主要应用是输出内容。接下来这篇文章中,我们将继续介绍小程序最常用的表单组件,该组件主要应用是...

32330
来自专栏web编程技术分享

【手把手】制作一个简单的HTML网页

1.2K90
来自专栏前端架构与工程

【翻译】浏览器渲染Rendering那些事:repaint、reflow/relayout、restyle

原文链接:http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/ 有没有被标题中的5个“...

23260
来自专栏抠抠空间

Font Awesome矢量图标框架

一、font awesome简介 目前图标总数共有519个; 不依赖Javascript 矢量图形,无限缩放 免费,可用于商业 CSS...

33060

扫码关注云+社区

领取腾讯云代金券