html5选择,html5选择题库及答案

简述当前网页设计语言为什么选择使用html5的五大原因？

这个问题就相当于问html5的优势或者是特性

一、web应用更容易开发

HTML5的规范都是基于用户优先准则来编写的，贴合开发者的编码习惯，语法限制不严，代码也更为精简，更易于阅读。

二、功能强大，用户体验佳

HTML5视频播放起来更流畅清晰，也更省电；HTML5游戏小巧流畅，画面质量高，操作易上手；HTML5广告摆脱了以前网页广告的悬浮、滚动和弹出，广告更容易让用户接受。

三、搜索引擎友好，网站流量大

HTML5的代码是贴合用户有明确释义的，不仅对开发者有利，搜索引擎也更容易识别到网页上的内容，让网站获得更多流量。

四、摆脱平台依赖，兼容性好

对开发者来说，HTML5可以做到跨平台，多数核心代码不用重写，能应用于包括移动应用、移动网站、PC网站、各种浏览器插件。对用户来说，不用下载APP，直接打开浏览器就能访问你的应用，避开了了各类应用商店的审核程序。

五、实时更新，维护更简单

游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。

六、使用门槛低，容易推广

HTML5 应用导流入口很多，超级 App (如微信朋友圈)、搜索引擎、应用市场、浏览器……而原生 App 的流量入口只有应用市场。一些风靡朋友圈的小游戏，无需下载，点开就玩，如果换成APP，推广效果就没那么好了。

七、更精美的动画效果，更低的开发成本

应用HTML5技术做出来的网页能给人眼前一亮的感觉，这些动画是基于html5标签和CSS3样式共同实现的效果，HTML5技术还支持自适应，能做到“一次设计，普遍适用。”不用单独开发手机网站，为企业降低了开发成本。

相关问答

Q1: html5选择器真比jquery 选择器效率快吗

HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多.如：

标签选择

element = document.querySelector('selectors');

elementList = document.querySelectorAll('selectors');

多标签

element = document.querySelector('selector1,selector2,...');

elementList = document.querySelectorAll('selector1,selector2,...');

iD 和class

element = document.querySelector('div#container');//返回id为container的首个div

element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素

elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div

jQuery本身在dom操作上速度就一般，jQuery只是原生JS的一个自定义框架，速度首先敢原生就差很远了。所以JQ跟HTML5原生自带的选择器根本就没办法比。当然有时候和JQ结合速度也会比你只使用上面说的选择器快，首先您得记住将DOM缓存起来 如：

var a=$("#a");//缓存元素

var b=$("#a").find(".b");//缓存元素

function doa(){

b.toggle();

}

//如果我们要执行一个点击就让b显示隐藏的话，也就是多次操作该DOM，上面的写法要比下面的快很多很多

function doa(){

y$("#a").find(".b").toggle();

}

Q2: 选择学HTML5前端的四大理由，看看你是哪个

总结了学习Web前端开发的4个理由，看看你是哪一个。 

1、0基础能够学好Web前端开发

相对于Java开发、PHP开发等后端开发语言来讲，Web前端开发对于0基础的学员学习要求还是很低的。甚至是工作不太理想的行业里从事Web前端的人才，都会在移动互联网行业中找到一个重新出发的突破口。另一点，Web前端对于逻辑思维能力的需求比Java低，对计算机和物联网方面的知识比嵌入式低。所以，只有你想要进入Web前端行业，有端正的学习态度、学习耐性，即便你是0基础，你也可以学会Web前端。

2、Web前端相较于其他开发语言更为简单易学

Web前端属于前端开发的一种浏览器语言。不需要太高的逻辑思维能力，也不需要像应用程序那样审核，一般只要你敲对代码，不管你敲的代码是什么内容，前台页面都会显示出来什么内容，0基础的小伙伴们可以这么理解，Web前端就是在使用编程语言进行语句排序。当然，对于Web前端开发人员来讲，除了对代码的熟练要求以外，还需要有一定的UI编辑能力，且要有一定的营销创意。这样才能够设计出来吸引网民眼球的页面。

3、Web前端开发工程师工资高

目前，移动互联行行业中，Web前端开发工程师算是高薪的代名词。根据职友集中的数据显示近一年全国Web前端开发工程师平均工资：¥ 10010/月。随着工作年限的增加工资也是水涨船高。

4、市场需求大

因移动互联网的快速发展，各种类型的互联网企业的网页制作人员都在往Web前端方向转型，所以企业所需的Web前端开发人员在市场上处于供不应求的状态。有一点是值得小伙伴们注意的，不是掌握了Web前端就能拿高薪哦，现在很多企业需要的是HTML5+web跨平台混合开发人才，所以我们在学习Web前端时要注意自己跨平台混合开发能力的培养。

除了以上的四点原因之外，岗位稀缺、发展前景良好等也是小伙伴们选择学习Web前端开发的诸多因素。可以根据自己的实际需求去千锋试听两周，实地感受下氛围，看看你对Web前端到底感不感兴趣，能不能学会。

Q3: HTML5 选择题

1、A

2、A

3、没有正确答案，应该是setItem

4、没有正确答案，应该是getItem

5、A

6、C

7、C

8、B

9、C

10、A

Q4: html5中的几种常见选择器

每天一更新，这些初级html知识你掌握了吗？

css选择器的优先级：作用的元素一样，样式一样，就会有优先级问题。

* 通配选择器 0

* 标签名选择器 1

* 类选择器 10

* id选择器 100

* 后代选择器 选择器1 选择器2 ...（会有相加的过程）

* 群组选择器 选择器1,选择器2,... (不会有相加的过程)

注意：

* 1.相同类型的选择器 样式冲突下 后覆盖前

* 2.不同类型的选择器 样式冲突下 优先级高覆盖优先级低

* 3.* Tags class id style !important

* 4.!important慎用(非得用的时候，要加注释说明一下)

Q5: html5选择器有哪些呀

CSS3 选择器大概有一下几个类型：

全局选择器    Universal Selector

类型选择器    Type Selector

属性选择器    Attribute Selectors

伪类    Pseudo-classes

伪元素    Pseudo-element

Class 选择器    Class Selectors

ID 选择器    ID Selectors

选择符    Combinator

下面是 W3C 官网上关于 Selector Level 3 的一个表格。我翻译了一下。

不同浏览器对 CSS 选择器有不同程度的支持，目前的浏览器（IE9前除外）已经支持了下面的绝大部分选择器。

*    任何元素

E    一个 E 类型的元素  

E[foo]    拥有“foo”属性的E 元素

E[foo="bar"]    拥有属性值等于“bar”的“foo”属性的 E 元素

E[foo~="bar"]    一个 E 元素，它的“foo”属性值是通过空格分开的一系列的值，其中有一个值等于“bar”

E[foo^="bar"]    一个 E 元素，它的“foo”属性的值是一个以“bar”开头的字符串

E[foo$="bar"]    一个 E 元素，它的“foo”属性的值是一个以“bar”结尾的字符串

E[foo*="bar"]    一个 E 元素，它的“foo”属性值包含字符串“bar”

E[foo|="en"]    一个 E 元素，它的“foo”属性的值是通过连字符（-）分割的一系列的值的字符串，其中有一个值是以“en”开头  

E:root    一个 E 元素，是文档的根元素

E:nth-child(n)    一个 E 元素，是它父元素的第 n 个子元素

E:nth-last-child(n)    一个 E 元素，是它父元素的倒数第 n 个子元素

E:nth-of-type(n)    一个 E 元素，在它同类型的兄弟元素中排在第 n 个

E:nth-last-of-type(n)    一个 E 元素，在它同类型的兄弟元素中排行倒数第 n 个

E:first-child    一个 E 元素，是它父元素的第一个子元素

E:last-child    一个 E 元素，是它父元素的最后一个子元素

E:first-of-type    一个 E 元素，是它同类型兄弟元素中的第一个

E:last-of-type    一个 E 元素，是它同类型的兄弟元素中的最后一个

E:only-child    一个 E 元素，是它父元素的唯一一个子元素

E:only-of-type    一个 E 元素，是它同类型的兄弟元素的唯一一个（没有别的同类的兄弟）

E:empty    一个没有子元素的 E 元素

E:link    一个没有被访问过的，作为超链接的锚点的 E 元素

E:visited    一个被访问过的锚点 E 元素  

E:active    一个正处于某些用户操作状态的 E 元素

E:hover    一个鼠标滑过的 E 元素

E:focus     一个获得用户焦点的 E 元素

E:target    一个做为起 Refer 制定锚点的元素（url hash 相关）

E:lang(fr)    一个 language 是 fr 的 E 元素  

E:enabled    一个UI 操作上 enabled 的 E 元素

E:disabled    一个 UI 操作上 disabled 的 E 元素  

E:checked    一个 UI 操作上状态为 checked 的 E 元素

E::first-line    E 元素中格式化后的第一行

E::first-letter    E 元素的第一个字母

E::before    在 E 元素之前生成的内容

E::after     在 E 元素之后生成的内容

E.warning    一个class 属性包含 warning 的 E 元素

E#myid    一个 ID 为 myid 的 E 元素

E:not(s)    一个不匹配简单的选择器 s 的 E 元素

E F    一个作为 E 元素后代的 F 元素

E F    一个作为 E 元素子元素的 F 元素

E + F    一个紧跟在 E 元素后面的 F 元素

E ~ F    一个出现在 E 元素前面（紧挨着）的 F 元素