html面试题目

1 必考：你是如何理解 HTML 语义化的？

用正确的标签做正确的事情。
html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

2 meta viewport 是做什么用的，怎么写？

1 这句话的意思是让页面的布局视口的宽度等于视觉视口的宽度，此时页面元素会以设备逻辑像素宽度做为文档宽度进行布局。initial-scale用于指定页面的初始缩放比例，initial-scale=1 表示将layout viewport的宽度设置为屏幕分辨率的宽度 2 如果不加，则页面元素会以980px的文档宽度进行布局，然后980px的宽度再缩小填充整个屏幕。会导致页面元素看起来比较小。 3 如果页面本身是移动端的设计风格，设计师在设计页面时按移动端通用的375px或者428px来做设计，我们需要在head标签里加。如果原本就是针对PC浏览器设计的页面未适配过移动端，不推荐加此meta。

viewport是做什么用的

3 你用过哪些 HTML 5 标签？

容器型header main footer article
功能型canvas video audio需要知道用法
video
audio
canvas

canvas
// 获取元素
var canvas = document.getElementById('app');
// 获取画布
var ctx = canvas.getContext('2d');
// 启动绘制
ctx.beginPath();
// 移动绘制起点
ctx.moveTo(100, 100);
// 绘制线
ctx.lineTo(200, 200);
// 结束绘制
ctx.closePath();
// 描边
ctx.stroke();

4 H5 是什么？

H5