2020.04.03 HTML+CSS错题知识点总结

一、

H5媒体标签:

<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。

用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

<track> 标签是 HTML 5 中的新标签。

目前所有主流浏览器都不支持 <track> 标签

embed，h5新增标签，可以在页面嵌入任何类型的文档。

source对于定义多个数据源

 

二、

span.item----选中了class名为item的span；

三、

      

例子：

1 2 3 4 5 6 7

<form>   <fieldset>     <legend>健康信息</legend>     身高：<input type="text" />     体重：<input type="text" />   </fieldset> </form>

legend ：为 fieldset 元素定义标题（caption）

fieldset ：将表单内的相关元素分组。

 

四、

在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input> 的闭标签是无效的 HTML。

在 HTML 中有以下这些空元素：

• <area>
• <base>
• <br>
• <col>
• <colgroup> when the span is present
• <command>
• <embed>
• <hr>
• <img>
• <input>
• <******>
• <link>
• <meta>
• <param>
• <source>
• <track>
• <wbr>

五、

     

A 项，访问者的信息一般都可以处理成 kv 键值对的形式，故可以保存在 Cookie 中，正确。

B 项，通过设置 Cookie 的 path 等属性，可以在特定域名或 URI 下共享 Cookie 信息，正确。

C 项，通过在 Cookie 中保存用户uid、服务器会话sid等方法，可以记录用户登录状态，正确。

 

六、

     

     Date是HTML5新增

 

 

七、

 display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaint

visibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生repaint

Reflow 的成本比 Repaint 的成本高得多的多。DOM Tree 里的每个结点都会有 reflow 方法，一个结点的 reflow 很有可能导致子结点，甚至父点以及同级结点的 reflow。 操作DOM会回流

八、

     

A 的center是指<center></center>标签

B 的center-block是bootstrap的样式 .center-block  参见bootstrap中文手册http://v3.bootcss.com/css/#helper-classes

AB都可以起到让区块居中的作用所以选AB。