牛客网专项训练之HTML（三）

HTML
1.下列关于web页面级优化描述最正确的是____。
减少HTTP请求的次数
进行资源合拼和压缩
Inline images
将外部脚本置于低端
减少不必要的HTTP跳转
2.浏览器渲染流程,以下哪个顺序是正确的?
1构建render树 2绘制render树 3布局render树 4解析HTML并构建DOM树
4132
3.根据以下代码，两个div元素垂直间距为()

<div style="width:100px; height:100px; margin-bottom:100px;"></div>
<div style="width:100px; height:100px; margin-top:200px;"></div>

200px
外边距塌陷问题，当两个在标准流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，但只有上下外边距会发生塌陷。 计算方式： 1. 两个块margin都为正，取其较大的一个 2. 两个块magin都为负，取其绝对值较大的一个 3. 一个块为负，一个块为正，取两个块margin之和
4.假设一个搜索结果展示页面，需要把搜索关键词高亮显示，应该使用以下哪个HTML标签？

<mark>

<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。 <em> 把文本定义为强调的内容。 <strong> 把文本定义为语气更强的强调的内容。 <dfn> 定义一个定义项目。 <code> 定义计算机代码文本。 <samp> 定义样本文本。 <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 <cite> 定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。 CSS字体加粗的方法： font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体 highlight 该属性用来高亮显示指定的代码行。可以通过单个数字来高亮显示单行，或者传入一个类似 [1, 2, 3] 的数组来高亮显示指定的多行。

5.如果子元素都为浮动，不能解决父类高度塌陷问题的是（）
给父元素添加 clear: both;
给父元素添加overflow: hidden;
在浮动元素下方添加空div,并添加样式clear: both;
设置父元素:after{content: “”;clear: both; display:block;overflow: hidden;}
6.默认情况下，以下哪些元素时行内元素（）

<span>
<a>

常见的块级元素(自动换行， 可设置高宽 )有：

       div,h1-h6,p,pre,ul,ol,li,form,table,label,hr等

常见的行内元素（无法自动换行，无法设置宽高）有：

       a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。

常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：

     (button,input，textarea,select), img等

7.以下说法正确的是

<kbd>来表示用户输入
<var>用来表示变量
list-inline类会将所有的元素放置于同一行<br>
<code>表示代码片段

8.img标签中的alt属性的作用是
提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息
9.下列哪项定义了作品的标题？

<cite>

<address> 标签定义文档或文章的作者/拥有者的联系信息。
<hr> 标签在 HTML 页面中创建一条水平线。
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<cite> 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。

10.display:inline兼容所有的浏览器。请判断这句话的正确与否。
F
11.以下描述，哪些是“反语义化”的？

~~Font Awesome 网站用<i>标签来定义矢量小图标~~ 
<b>重要通知：</b>今天下午<font color="red">2点到5点半</font>小区停电
~~<ul><li>旧功能</li><li>新功能<img src="new.gif"/></li></ul>~~ 
~~<label for="test">测试</label><input id="test" name="test" type="radio"/>~~ 

其中 font 标签，存在反语义（ font 解释为文字，但 ”文字“ 意思太泛了，而是应根据使用环境选择其他标签。如标题 <h1> ~ <h6> <p>等标签）
在 HTML 4.01 中，不被赞成使用；
在 HTML 5 中，不支持该元素，建议使用 CSS 向元素添加样式

12.以下可以被子元素继承的属性是 ()
font-size
margin
padding
color
13.bootstrap中关于h标签

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>

以下说法正确的是

<h1>最大
~~<h6>最大~~ 
~~<small>用法错误~~ 
<small>表示副标题

14.Html5重新提供了在客户端保存数据的功能Web Storage,分别是？（ ）
sessionStorage
localStorage
localState
sessionState
15.下述有关border:none以及border:0的区别，描述错误的是？
border:none表示边框样式无
border:0表示边框宽度为0
当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0
当定义边框时，仅设置边框宽度也可以达到显示的效果

此博客是本人刷题所做的笔记，若有侵权，请联系立删