Question

浅淡HTML5移动Web开发(二)

在开发移动端的项目，我们一般在选择native app和web app要争论一番，最后综合考虑，选择了web开发。但从这两种开发模式的特点来说，从它们诞生之日起就开始了不断的争论，孰好孰坏，我们一起来看看吧!

Answer 1

3、HTML5新增标签

在html5中新增量很多标签，加强连html标签的语义化，如等等，这些标签都各自有自己大意义，不再仅仅是span和div，虽然html4中也有很多语义化的标签，但是不如html5丰富。除了这些新增的标签，还有一些此前就有的标签，但是类别新增，最具代表性的就是表单form，而本文要介绍的就是form。

以上除了type=text外，其他的都是新增的，如果浏览器支持这些属性的话，就会自动调用相应组件，如在移动设备中type=number/email/text时，浏览器会调用不同版面的键盘，这样加快用户的输入，体验也更美好，如下

如果是type=range则会出现这样的组件，供选择范围，如果是type=color则会出现颜色选择器，如果是type=date则出现日期选择器，如果是type=search,则在输入时候出现一个一键清除的按钮，点击输入的文字全部清除

另外，除了input的type新增量类别，还增加一些很实用的属性，如placeholder，我们知道，input中我们常常会默认一些文案，当用户输入的时候会自动清除，html5之前我们是靠javascript实现的，但是有了html5，我们可以轻松实现，只需要placeholder=”默认文案”。

4、选择符

选择符大致分为元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符，在PC端，我们用的最多的就是元素选择符、关系选择符和属性选择符如

div{……}、div.class{……}、div#id{……}、div span{……}、div[class=”classname”]{}

伪类选择符和伪对象选择符有很多，灵活运用可以减少很多不必要的代码。如E:nth-child(n){ …… }、E:nth-of-type(n){ …… }、E:disabled{ …… }、E:empty{ …… }、E:first-letter/E::first-letter{ …… }、E:first-line/E::first-line{ …… }、E:before/E::before{ ……}、E:after/E::after{…… }、E::selection{ …… }等，这里不细说。

以上是环球青藤小编为考生整理的HTML5移动Web开发的相关内容，希望对大家有帮助!更多HTML5相关内容尽在本平台，记得及时查看哦!