HTML5 之前的版本是 HTML4.01

onblur 和 onfocus 属于焦点事件：

onblur：失去焦点

onfocus：获取焦点

链接：为同一个文件添加多种文件格式的原因是什么？&l__牛客网
来源：牛客网

1.为同一个文件添加多种文件格式的原因是什么？C

1 2	`<source src="html_5.mp4"` `type="video/mp4">` `<source src="html_5.ogv"` `type="video/ogg">`

A.提供后备支援

B.解决媒体支持问题

C.提供备份支持并解决媒体支持问题

解析
媒体支持问题:不同浏览器及版本可能对文件格式的支持不同，多放几个格式以免浏览器碰到一个文件不能支持

提供备份支持：如果浏览器两个格式都能支持，其中一个文件某些原因不能播放了，那还有另外一个文件可用嘛

3.链接：HTML5中关于 section元素使用正确的是_网易笔试题_牛客网
section元素： section元素是html5中新增加的结构元素，它有更进一步的语义。表示页面中的一个内容区块，比如章节、页眉、页脚，或者页面中的其他部分。它可以与 h1, h2, h3, h4, h5等元素结合起来使用，表示文档结构。

4.以下正确表示10^2的是 B

```
10<sub>2</sub>
```
```
10<sup>2</sup>
```
```
10<mark></mark>
```
```
10*2
```

解析: <sub>可以记忆为subscript below, 而<sup>则记忆为subscript up

链接：以下正确表示10^2的是__牛客网

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。

<sup></sup>上标

<sub></sub>下标

<mark></mark>突出显示

<i><em>都表示斜体，如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。区别在于<em>表示强调，<i>单纯表示斜体

6.链接：以下哪个是在 HTML5 之前已经引入的特性？__牛客网
html5十大新特性的总结：
一、html5新特性之用于绘画的canvas元素
二、html5新特性之更加丰富强大的表单
三、html5新特性之用于媒介的video和audio元素
四、html5新特性之html5地理定位
五、html5新特性之html5拖放
六：html5新特性之html5 Web存储
七、html5新特性之html5应用程序缓存
八、html5新特性之html5 Web Workers
九、html5新特性之html5服务器发送事件
十、html5新特性之html5 WebSocket　

值	描述
_blank	在新空白窗口中打开被链接文档。
_self	默认。在当前窗口中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

p{  border:5px   solid red;}

为了代码的可读性，建议按照，border-width，border-style，border-color，的顺序书写。但其实顺序调换是不影响呈现的

另外注意，若没有指定border-style属性值，边框是不会显示的，因为其默认值为none

链接：下列描述错误的是（）_搜狗笔试题_牛客网
来源：牛客网

一些常见的状态码为：

200 - 服务器成功返回网页
404 - 请求的网页不存在
503 - 服务不可用
详细分解：

1xx（临时响应）
表示临时响应并需要请求者继续执行操作的状态代码。

代码说明
100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。
101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。

2xx （成功）
表示成功处理了请求的状态代码。

代码说明
200 （成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。
201 （已创建）请求成功并且服务器创建了新的资源。
202 （已接受）服务器已接受请求，但尚未处理。
203 （非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一来源。
204 （无内容）服务器成功处理了请求，但没有返回任何内容。
205 （重置内容）服务器成功处理了请求，但没有返回任何内容。
206 （部分内容）服务器成功处理了部分 GET 请求。

3xx （重定向）
表示要完成请求，需要进一步操作。通常，这些状态代码用来重定向。

代码说明
300 （多种选择）针对请求，服务器可执行多种操作。服务器可根据请求者 (user agent) 选择一项操作，或提供操作列表供请求者选择。
301 （永久移动）请求的网页已永久移动到新位置。服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。
302 （临时移动）服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
303 （查看其他位置）请求者应当对不同的位置使用单独的 GET 请求来检索响应时，服务器返回此代码。
304 （未修改）自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容。
305 （使用***）请求者只能使用***访问请求的网页。如果服务器返回此响应，还表示请求者应使用***。
307 （临时重定向）服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。

4xx（请求错误）
这些状态代码表示请求可能出错，妨碍了服务器的处理。

代码说明
400 （错误请求）服务器不理解请求的语法。
401 （未授权）请求要求身份验证。对于需要登录的网页，服务器可能返回此响应。
403 （禁止）服务器拒绝请求。
404 （未找到）服务器找不到请求的网页。
405 （方法禁用）禁用请求中指定的方法。
406 （不接受）无法使用请求的内容特性响应请求的网页。
407 （需要***授权）此状态代码与 401（未授权）类似，但指定请求者应当授权使用***。
408 （请求超时）服务器等候请求时发生超时。
409 （冲突）服务器在完成请求时发生冲突。服务器必须在响应中包含有关冲突的信息。
410 （已删除）如果请求的资源已永久删除，服务器就会返回此响应。
411 （需要有效长度）服务器不接受不含有效内容长度标头字段的请求。
412 （未满足前提条件）服务器未满足请求者在请求中设置的其中一个前提条件。
413 （请求实体过大）服务器无法处理请求，因为请求实体过大，超出服务器的处理能力。
414 （请求的 URI 过长）请求的 URI（通常为网址）过长，服务器无法处理。
415 （不支持的媒体类型）请求的格式不受请求页面的支持。
416 （请求范围不符合要求）如果页面无法提供请求的范围，则服务器会返回此状态代码。
417 （未满足期望值）服务器未满足”期望”请求标头字段的要求。

5xx（服务器错误）
这些状态代码表示服务器在尝试处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。

代码说明
500 （服务器内部错误）服务器遇到错误，无法完成请求。
501 （尚未实施）服务器不具备完成请求的功能。例如，服务器无法识别请求方法时可能会返回此代码。
502 （错误网关）服务器作为网关或***，从上游服务器收到无效响应。
503 （服务不可用）服务器目前无法使用（由于超载或停机维护）。通常，这只是暂时状态。
504 （网关超时）服务器作为网关或***，但是没有及时从上游服务器收到请求。
505 （HTTP 版本不受支持）服务器不支持请求中所用的 HTTP 协议版本。

HttpWatch状态码Result is

200 - 服务器成功返回网页，客户端请求已成功。
302 - 对象临时移动。服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
304 - 属于重定向。自上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容。
401 - 未授权。请求要求身份验证。对于需要登录的网页，服务器可能返回此响应。
404 - 未找到。服务器找不到请求的网页。
2xx - 成功。表示服务器成功地接受了客户端请求。
3xx - 重定向。表示要完成请求，需要进一步操作。客户端浏览器必须采取更多操作来实现请求。例如，浏览器可能不得不请求服务器上的不同的页面，或通过***服务器重复该请求。
4xx - 请求错误。这些状态代码表示请求可能出错，妨碍了服务器的处理。
5xx - 服务器错误。表示服务器在尝试处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。

10.

链接：当使用HTML5的拖放API实现拖动时，需要监听”开始拖动”_京东笔试题_牛客网

拖放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

首先，为了使元素可拖动，把 draggable 属性设置为 true

拖动什么 - ondragstart

放到何处 - ondragover

ondragover 事件规定在何处放置被拖动的数据。

进行放置 - ondrop

当放置被拖数据时，会发生 drop 事件

11.

在 HTML 中，文档类型 doctype 的声明是必要的。在所有文档的头部，你都将会看到"<!DOCTYPE html>" 的身影。这个声明的目的是防止浏览器在渲染文档时，切换到我们称为“怪异模式 (兼容模式)”的渲染模式。“<!DOCTYPE html>" 确保浏览器按照最佳的相关规范进行渲染，而不是使用一个不符合规范的渲染模式。

12.

hover -> focus -> active

悬停 -> 聚焦 -> 响应

13.什么是语义化标签?

总结语义化优点：

易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。
有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。
方便其他设备解析，如盲人阅读器根据语义渲染网页
有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。

marquee 元素（<marquee>）用来插入一段滚动的文字。改元素已经 过时（被废弃），请不要再使用。

以下是常见的语义化标签及其作用
<header> 
<nav> 
<main> 
<article> 
<section> 
<aside> 
<footer>

<title> 
<hn> 
<ul> 
<li> 
<small> 
<strong> 
<em> 
<mark> 
<figure> 
<cite> 
<blockquoto> 
<q> 
<time> 
<abbr> 
<dfn> 
<address> 
<del> 
<ins> 
<code> 
<meter> 
<progress>