HTML的知识11. meta标签可以出现在 () 中 < head> 可以包含title，meta，link，scri

1. meta标签可以出现在 () 中

< head> 可以包含title，meta，link，script等。

2. 下面哪条声明能固定背景图片（）

background-attachment 属性设置背景图片图像是否固定或者随着页面的其余部分滚动。

它有三个属性：
scroll 默认值，背景图片会随着其余部分的滚动而滚动。
```
    fixed    当页面的其余部分滚动时，背景图像不会移动。
    inherit   规定应该从父元素继承，background-attachment 属性的设置
```
**background-origin ** 属性规定背景图像相对于什么位置来定位。
- padding-box 背景图像相对内边框来定位
- border-box 背景图像相对边框盒来定位
- content-box; 背景图像相对内容框来定位
background-clip 属性规定背景的绘制区域。
- padding-box 背景图像被裁减内边距框
- border-box 背景图像被裁减边框盒
- content-box; 背景图像被裁减内容框

3. 下面有关html Doctype的描述，说法错误的是？

hack技术主要是为了某些浏览器特定设置的，写在css中，里面可以嵌套style和html代码，不可以写在style中。如果在文档开始处没有文档类型声明，则浏览器会开启 混杂模式

而D Doctype不存在或错误，浏览器默认 混杂模式

4. 在 HTML 页面上包含如下所示的层对象，则 javascript 语句 document.getElementById(“info”).innerHTML 的值是（）

< div id=”info” style=”display:block”>< p> 请填写 </ p></ div>

test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
test.innerText:

从起始位置到终止位置的内容, 但它去除Html标签

test.outerHTML:

除了包含innerHTML的全部内容外, 还包含对象标签本身。

5. 下列关于使用link和@import，说法不正确的是（）

1. 从属关系区别 @import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。 

2. 加载顺序区别 加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。

3. 兼容性区别 @import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。

4. DOM可控性区别 可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
5.权重区别 link引入的样式权重大于@import引入的样式。

6. 有一个元素，需要在pc端显示而在手机端隐藏，需要使用的方法是？

v3 裝置間有四個切換階段：

mobile – xs ( <768px )
tablet – sm ( 768~991px )
desktop – md ( 992~1170px )
large desktop – lg ( >1170px )

7. 下面有关html5标签说法错误的有？

< audio> 标签定义声音，比如音乐或其他音频流。 A正确。
< canvas> 标签定义图形，比如图表和其他图像。< canvas> 标签只是图形容器，您必须使用脚本来绘制图形。 B错误，（写成了其他标签的功能了）。
< article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
< menu> 标签定义命令的列表或菜单。< menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。 C正确。
command 元素表示用户能够调用的命令。< command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。 D正确。

8. 下面有关CSS sprites说法错误的是？

CSS Sprites

1.简介

CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中，
利用CSS的“background-image”，“background-
repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。

2.优点（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；

（2）CSS Sprites能减少图片的字节；

（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。

（4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。

3.缺点（1）图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。

（2）图片适应性差：在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂。

（3）图片定位繁琐：开发时需要通过工具测量计算每个背景单元的精确位置。

（4）可维护性差：页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css。在避免改动图片的前提下，又只能（最好）往下追加图片，但这样增加了图片字节。

9. 以下对form表单中input元素的readonly与disabled属性描述正确的是？（）

disabled和readonly这两个属性有一些共同之处，比如都设为true，则form属性将不能被编辑，往往在写js代码的时候容易混合使用这两个属性，其实他们之间是有一定区别的：

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

10. 关于栅格系统，哪些是正确的

.col-xs-超小屏幕手机 (<768px),
.col-sm-小屏幕平板 (≥768px),
.col-md-中等屏幕
.col-lg-桌面显示器 (≥992px)(栅格参数)

HTML的知识1