html牛客刷题笔记-4

html牛客刷题笔记-4_第1张图片

 html牛客刷题笔记-4_第2张图片

 html牛客刷题笔记-4_第3张图片

p标签内只能嵌套内联元素, 不能嵌套块元素 ,类似h1、div、ul块元素都不可自由嵌套在p标签内。 

ul标签中只能嵌套li标签,不能直接在ul中输入其它标签或文字。html牛客刷题笔记-4_第4张图片

 

 html牛客刷题笔记-4_第5张图片

这道题没有找到合理的解释,目前没有浏览器支持 box-flex 属性。 

html牛客刷题笔记-4_第6张图片 

 A.HTTP302状态码代表的意思是 临时重定向 ,即 HTTP 302 Found 响应状态。 HTTP 302 (Http Status Code 302) 状态是HTTP协议的一种响应码,是我们请求访问网站时,服务器端返回的3xx 重定向状态系列响应码之一。 状态详细说明 : HTTP 302 表示请求的资源现在临时从不同的URI响应请求,即302跳转。

B.

1、当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了。

2、当 DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash。

C.

IE6/7/8不支持事件捕获

D.Localstorage是html5存储数据的方式,在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage。HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。是永久性存储,当然用户可以通过浏览器设置来删除。

html牛客刷题笔记-4_第7张图片

 video定义视频,source定义媒体资源,track为音频和视频规定外部文本轨道。

html牛客刷题笔记-4_第8张图片

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
SVG 是万维网联盟的标准

SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

(SVG是HTML下的一个分支)

html牛客刷题笔记-4_第9张图片

局限:

1、创建比一般的 DOM 元素慢了 1-2 个数量级

iframe 的创建比其它包括 scripts 和 css 的 DOM 元素的创建慢了 1-2 个数量级,使用 iframe 的页面一般不会包含太多 iframe,所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题:onload 事件以及连接池(connection pool)

2、阻塞页面加载

及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后,它给用户的感觉就是这个网页非常慢。

window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况

3、唯一的连接池

浏览器只能开少量的连接到 web 服务器。比较老的浏览器,包含 Internet Explorer 6 & 7 和 Firefox 2,只能对一个域名(hostname)同时打开两个连接。这个数量的限制在新版本的浏览器中有所提高。Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接,Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个

绝大部分浏览器,主页面和其中的 iframe 是共享这些连接的。这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。但通常情况下,iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。一种解决办法是,在主页面上重要的元素加载完毕后,再动态设置 iframe 的 SRC。

4、不利于 SEO

搜索引擎的检索程序无法解读 iframe。另外,iframe 本身不是动态语言,样式和脚本都需要额外导入。综上,iframe 应谨慎使用。

html牛客刷题笔记-4_第10张图片

突出显元素指定文本的重要性,mark 元素表示标记或高亮显示以供参考的文档中的文本。 

 

 html牛客刷题笔记-4_第11张图片

html牛客刷题笔记-4_第12张图片 

 3个tr就是三行。

html牛客刷题笔记-4_第13张图片

html牛客刷题笔记-4_第14张图片 

html牛客刷题笔记-4_第15张图片 

C:当定义border:none时,表示无边框样式,浏览器并不会对边框进行渲染,也就没有实际的宽度;

D:定义边框时,除了设置宽度外,还必须设置边框的样式才能显示出来。

html牛客刷题笔记-4_第16张图片

解析:A B选项都把正确的验证码文本放在了客户端,这是违背了验证码的初衷的。爬虫或者是恶意程序依旧可以通过各种手段获取你嵌入在html文本或者保存在cookie中的正确验证码文本,模拟表单提交来达到攻击的目的。  
  D选项更是浏览器自动无法识别图形验证码的内容。  
  C选项才是正确的实现方式,发送到客户端的只有图片形式的验证码,服务器端保存cookie对应的图形验证码的正确文本。客户端表单提交时到服务器端验证

html牛客刷题笔记-4_第17张图片

方法:load() play() pause()

事件:play() playing() pause() seeked() seeking() abort()当音频/视频的加载已放弃时触发

 

 

 

你可能感兴趣的