前端HTML面试题

1、HTML 语义化的理解

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

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

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

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

表单新增语义化标签：

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

3、H5的新特性

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

本文地址：https://blog.csdn.net/weixin_49076089/article/details/110408109