前言

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

提示：以下是本篇文章正文内容，下面案例可供参考

1、说一下HTML5有哪些更新/新增？

新增语义化标签，音频视频标签
新增localstorage，sessionstorage本地存储
新增DOM查询 document.querySelector() 、 document.querySelectorAll()

2、简单说一下iframe有哪些优点和缺点？

优点：展现嵌入的网页；加载速度较慢的内容，如广告；可以跨子域通信；
缺点：iframe会阻塞主页面onload事件；不利于搜索引擎识别；增加http请求；

3.行内，块级，空元素，替换元素有哪些？

行内元素：a , span, img , input, select,butto
块级元素：div , ul , ol , li ,dl ,dt,h1 ,p
空元素：link，meta，br ,hr

4.DOCTYPE的作用？

-DOCTYPE是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义（DTD）来解析文档。

声明是用来指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
！DOCTYPE告诉浏览器以HTML5标准解析页面，如果不写，则进入混杂模式

5.title与h1的区别、b与strong的区别、i与em的区别?

title属性没有明确意义，只是表示标题；而h1表示的是层次明确的标题，对页面信息的抓取也有很大的影响；
strong表明重点的内容，语气加强；而b是无意义的视觉表示；
em表示强调文本；i是斜体，是无意义的视觉表示

6.元素的alt和title有什么异同？

alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。
title元素可定义文档的标题。但是在alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字。

7.简单说一下label的作用？

label标签用来定义表单控件间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。（项目中很实用）

8.选择器优先级是怎样的？

行内样式>id 选择器>类选择器>标签选择器>通配符>继承

9.列出常用的列表标签

有序列表：有序列表以编号格式显示元素，由ol标签表示
无序列表：无序列表以项目符号格式显示元素，它由ul标签表示。
定义列表：定义列表以定义形式显示元素，就像在字典中一样，如 dl、 dt和dd标签用于定义描述列表。

10.解释HTML标签语义

header：用于定义文档的标题。
nav：定义了导航链接
section : 用于定义文档中的一个单元
article：用于定义独立的、自包含的文章
aside：用于定义内容之外的内容
footer：用于定义文档的页脚

<head>
		<meta charset="utf-8">
		<title>此处定义文档的标题</title>
	</head>
	<body>
		<nav>
			此处是导航链接部分
		</nav>
		<section>
			定义文档中的一个单元
		</section>
		<article>
			定义独立的、自包含的文章
		</article>
		<aside>
			用于定义内容之外的内容
		</aside>
		<footer>
			定义文档的页脚
		</footer>
	</body>

11.div 和 span 的区别？

span和div的区别在于span元素是内联的，通常用于一行内的一小块，例如段落内。而 div 是块级，相当于在其前后有一个换行符，用于对较大的代码块进行分组。

12.HTML、XML 和 XHTML 有什么区别？

HTML：超文本标记语言（HyperText Markup Language）
XML：可扩展标记语言（Extensible Markup Language）
XHTML：可扩展超文本标记语言（Extensible Hypertext Markup Language）

HTML 和 XHTML 之间的区别是：

HTML是一种标准通用标记语言的应用，XML是一种可扩展标记语言的应用程序；
XHTML所有属性都必须使用双引号；
HTML 是关于显示信息，而 XHTML 是关于描述信息；
HTML标签不区分大小写XHTML所有标签都必须小写。

13.position有哪些值？

position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定了该元素的最终位置。

static：默认值，没有定位，指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置，此属性下 top、right、bottom、left 和 z-index 属性无效。
relative相对定位：元素先放置在未添加定位时的位置，在不改变页面布局的前提下调整元素位置（此时会在此元素为添加定位时所在位置留下空白）。position:relative 对 table-row、table-column、table-cell、table-caption 元素无效。
absolute绝对定位：生成绝对定位的元素，元素会被移出正常文档流，并不为元素预留空间，通过制定元素相对于最近的非static定位祖先元素的偏移，来确定元素位置，绝对定位可以设置外边距合并（margin），并且不会与其他边距合并；
fixed固定定位：元素的位置在屏幕滚动时不会发生改变位置
sticky (黏性定位,吸顶效果)：设置了sticky的元素，在屏幕范围（viewport）时该元素的位置并不受到定位影响（设置是top、left等属性无效），当该元素的位置将要移出偏移范围时，定位又会变成fixed，根据设置的left、top等属性成固定位置的效果。

14.display:none和visibility:hidden的区别

都可以把页面上的元素隐藏起来；区别如下：
display:none：被隐藏的对象不会占用任何物理空间，不会影响其他元素的布局；
visible:hidden：使对象在网页上不可见，但是会在网页上占用物理空间，通俗来说就是看不见但摸得到。
属性值改变后是否重新渲染：visibility:hidden不渲染；display:none 会重新渲染。

15.src和href有什么区别？

相同点：他们都是用来进行外部资源的引入的；
src属性用在img标签引入图片，script标签引入js；他们的外部资源引入都会替换掉自身，并且他们的解析会暂停其他资源处理和下载，所以js资源一般会放在页面底部;
href属性常用在link标签用来引入css，和a标签用来指定超链接；他们的外部资源引入不会替换掉自身，并且他们的解析和其它资源的处理和下载是同步进行的。