前端HTML面试题

1、HTML 语义化的理解

html语义化的含义：根据内容的结构化，选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
语义化的原因：在我的理解当中是：

1. 为了在没有CSS情况下，页面也能呈现出很好的内容结构、代码结构。
2. 用户体验：例如title、alt用于解释名词或者解释图片信息、label标签dd的活用。
3. 有利于SEO（网络引擎搜索优化）：和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息
4. 方便其它设备解析
5. 便于团队开发和维护
   **

2.HTML5新增了哪些语义化标签

头部：<header></header>
尾部：<footer></footer> 
独立结构：<article></article> 
主要内容：<main></main> 
导航：<nav></nav> 
侧边栏：<aside></aside>    
节、段、分组：<section></section>  

表单新增语义化标签：

input类型	描述
autofocus	页面加载时自动获取焦点
required	规定输入域不能为空
placeholder	提供一种提示（hint），输入域为空时显示，获得焦点时消失
pattern	规定验证input域的模式（正则表达式）
height、width	仅适用于image类型的input标签的图像高度和宽度

3、H5的新特性

1. 语义化标签
2. 本地储存
   （1）localStorage.setItem(“name”,arr);//保存数据
   （2）localStorage.getItem(“name”)//读取数据，也可以根据key值读取
   （3）localStorage.removeItem(key)//删除单个数据
   （4）localStorage.clear()//数据清空复制代码
3. 播放音频文件的标签
4. Canvas
5. SVG绘图