1.问：<keygen>是正确的HTML5标签吗？

答：是。

<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。

2.问：<bdo>标签可以改变文本方向？

答：可以。

bdo 元素可覆盖默认的文本方向。例子：

<bdo dir="rtl">

Here is some Hebrew text

</bdo>

结果是：

3.问：下列代码是否合法

<figure>

    <img src="myimage.jpg" alt="My image">

    <figcaption>

        <p>This is my self portrait.</p>

    </figcaption>

</figure>

答：合法。

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。<figcaption> 元素为 figure 添加标题（caption）

4.问: 哪种情况下应该使用small标签？

答：small标签一般使用场景是在版权信息和法律文本里使用，也可以在标题里使用标注附加信息（bootstrap中可见），但不可以用来创建副标题。

5.问：在一个结构良好的web网页，多个h1标签会不利于seo吗？

答：不影响。

6.问：在一个搜索结果页面，你想高亮搜索关键词，你会用什么html标签？

答：<mark>。

<mark> 标签定义带有记号的文本.

7.问：下列代码中scope属性是做什么的？

<article>

    <h1>Hello World</h1>

    <style scoped>

        p {

            color: #FF0;

        }

    </style>

    <p>This is my text</p>

</article>

<article>

    <h1>This is awesome</h1>

    <p>I am some other text</p>

</article>

答：scoped 属性是一个布尔属性。如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。

8.问：HTML5支持块级超链接吗？

答：支持。很多时候，可以用 a标签包含其他块级或内联元素。

9.问：下列代码中，页面一加载会触发http请求吗？

<img src="mypic.jpg" style="visibility: hidden" alt="My picture">

答：会。

10.问：下列代码中，页面一加载会触发http请求吗？

<div style="display: none;">

    <img src="mypic.jpg" alt="My photo">

</div>

答：会。

浏览器在代码中发现一个 img 标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码；

11.问：下列代码中，main1.css会在"hello world!"输出之前，下载并解析吗？

<head>

    <link href="main1.css" rel="stylesheet">

    <script>

        alert('Hello World');

    </script>

</head>

答：会。

浏览器先拿到man1.css文件，然后发现了一个包含一行Javascript代码的 script 标签，赶快执行它；

12.问：下列代码中，在main2.css获取前main1.css一定会被下载解析吗？

<head>

    <link href="main1.css" rel="stylesheet">

    <link href="main2.css" rel="stylesheet">

</head>

答：不会。

main1.css还不会被解析，要等main2.css下载后一起解析，不过一定下载了。浏览器下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时浏览器的下载过程会启用单独连接进行下载。样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。

13.问：下列代码中，在Paragraph 1渲染在页面之前，main2.css一定会被下载并解析吗？

<head>

    <link href="main1.css" rel="stylesheet">

</head>

<body>

    <p>Paragraph 1</p>

    <p>Paragraph 2</p>

    <link href="main2.css" rel="stylesheet">

</body>

答：是。

渲染和下载是同时进行的，都是从上到下。这里Paragraph 1在main2.css的上方，被渲染了一次，等到main2.css下载并解析时，会对它再渲染一次。所以在Paragraph 1呈现在页面前，main2.css一定会被下载解析。只是它被渲染了两次。

需要提到：js是阻塞加载（不能并行下载和解析）。原因：

当引用了js的时候，浏览器发送一个 js 请求就会一直等待该请求的返回。因为浏览器需要一个稳定的dom树结构，而JS中很有可能有代码直接改变了DOM树结构，比如使用 document.write 或 appendChild，甚至是直接使用的location.href进行跳转，浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以 就会阻塞其他的下载和呈现。

所以js的引用一般也是放到body下面,而css的引用放在head中。

来源：http://davidshariff.com/quiz/

参考：前端面试（HTML）

http://camnpr.com/archives/must-know-the-seven-html5-features.html

前端开发面试题收集(html部分)的更多相关文章

  1. 前端开发面试题收集 JS

    前端开发面试题收集-JS篇 收集经典的前端开发面试题 setTimeout的时间定义为0有什么用? javascript引擎是单线程处理任务的,它把任务放在队列中,不会同步执行,必须在完成一个任务后才 ...

  2. 前端开发面试题收集(css部分)

    http://davidshariff.com/quiz/ 做了下这里面前端开发面试的题,发现有些不会,所以在此做个整理以供自己学习,参考,总结. 1.问: CSS属性是否区分大小写? ul { Ma ...

  3. 前端开发面试题收集(js部分)

    1.问:js中"1"+2+"3"+4 运算结果是? 答: js中,字符串和数值相加,得到的还是字符串,这里的结果1234也是字符串. 2.问:4+3+2+&qu ...

  4. 前端开发面试题收集 HTML

    Doctype是什么?说明特点. <!doctype>声明必须处于HTML文档的头部,在标签之前. <!doctype>声明不是一个HTML标签,是一个用于告诉浏览器使用哪种H ...

  5. 前端开发面试题收集 css

    什么是CSS盒子模型 页面上的每个元素都被浏览器看做是一个矩形的盒子. 由内容.填充.边框.边界组成. 什么是 css sprite 将多个图片拼接在一个图片中,通过background-positi ...

  6. 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题

    ##2017.10.30收集 面试技巧 5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好. ...

  7. 前端开发面试题-CSS（转载）

    本文由 本文的原作者markyun 收集总结. 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(conte ...

  8. 前端开发面试题-HTML（转载）

    本文由 本文的原作者markyun 收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的! ...

  9. 前端开发面试题-JavaScript（转载）

    本文由 本文的原作者markyun 收集总结. 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol ...

随机推荐

  1. Be Better：遇见更好的自己-2016年记

    其实并不能找到好的词语来形容过去的一年,感觉就如此平淡的过了!没有了毕业的稚气,看事情淡了,少了一丝浮躁,多了一分认真.2016也许就是那句话-多读书,多看报,少吃零食多睡觉,而我更愿意说--Be B ...

  2. 如何创建Vim Dotfile？

    Dotfile是电脑系统里的隐藏文件,它是专门给更高级的用户,如开发者.程序员或工程师使用的,让他们用来调整系统.如何创建Vim-Dotfile? 可以参考以下步骤: 1. 首先,你要检查一下.vim ...

  3. runtime梳理。

    一.runtime简介 RunTime简称运行时.OC就是运行时机制,也就是在运行时候的一些机制,其中最主要的是消息机制. 对于C语言,函数的调用在编译的时候会决定调用哪个函数. 对于OC的函数,属于 ...

  4. python程序生成平均脸

    简介 项目代码https://github.com/LiuRoy/pokerface 原文链接http://www.cnblogs.com/lrysjtu/p/5492547.html 写这个项目的本 ...

  5. 从零开始编写自己的C#框架（25）——网站部署

    导航 1.关掉访问保护 2.发布网站 3.复制网站到服务器 4.添加新网站 5.设置网站访问权限 6.设置文件夹访问权限 7.控制可更新文件夹执行权限 8.设置“应用程序池”.net版本与模式 9.附 ...

  6. Hawk 7. 常见问题

    本页面您可以通过关键字搜索来获取信息. 理性使用爬虫 爬虫是一种灰色的应用,虽然作为Hawk的设计者,但我依然不得不这么说. 各大网站都在收集和整理数据上花费了大量的精力,因此抓取的数据应当仅仅作为科 ...

  7. [C#] 了解过入口函数 Main() 吗？带你用批处理玩转 Main 函数

    了解过入口函数 Main() 吗?带你用批处理玩转 Main 函数 目录 简介 特点 方法的参数 方法的返回值 与批处理交互的一个示例 简介 我们知道,新建一个控制台应用程序的时候,IDE 会同时创建 ...

  8. Java中常用集合操作

    一.Map 名值对存储的. 常用派生类HashMap类 添加: put(key,value)往集合里添加数据 删除: clear()删除所有 remove(key)清除单个,根据k来找 获取: siz ...

  9. centos下开启ftp服务

    如果要ftp访问linux需要安装ftp服务,vsftpd是Linux下比较好的的FTP服务器. 一.检查安装vsftp //检查是否安装vsftpd rpm -qa | grep vsftpd // ...

  10. 我的MYSQL学习心得（四） 数据类型

    我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(五) 运 ...