web面试（三）HTML/HTML5

行内元素有哪些，块级元素有哪些，空(void)元素有那些

行内元素：a span i img input select b 等

块级元素：div ul ol li h1~h6 table等

空元素：br hr link等

HTML5的新特性有哪些

HTML5的十大新特性

简述一下你对HTML语义化的理解

• 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

• 语义化的HTML在没有CSS的情况下，页面也能呈现较好的内容结构与代码结构

• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式来渲染网页（可以提之前的无障碍开发，聊一下）

• 便于团队开发和维护

SVG 与 Canvas两者间的区别

SVG 是一种使用 XML 描述 2D 图形的语言。

Canvas 通过 JavaScript 来绘制 2D 图形。

SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

src与href的区别

1、src 用于替代这个元素，在可替换的元素上使用src，而href用于建立这个标签与外部资源之间的关系，指定网络资源的位置

2、href是异步加载，而src是同步加载

<link href="style.css" rel="stylesheet" />浏览器加载到这里的时候，html的渲染和解析不会暂停，css` 文件的加载是同时进行的

<script src="script.js"></script>当浏览器解析到这句代码时，页面的加载和解析都会暂停直到浏览器拿到并执行完这个js文件