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文件

 

 

 

 

 

 

 

 

原文地址:https://www.cnblogs.com/kunmomo/p/15472386.html