html面试题总结

写在前面，先上一段vscode生成html5代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <header>
     <div>
       <div<p>*111*2222*</p></div>
        <ul>
          <li>yi</li>
          <li>2</li>
          <li>3</li>
        </ul>
     </div>
  </header>
</body>
</html>

1.DOCTYPE 的意义是什么?

让浏览器以标准模式渲染
让浏览器知道元素的合法性

2.html与xhtml和html5的区别(2021年还会有人问这个吗)

HTML属于SGML，html的发布时间是1994-1997年，共四个版本，1.0-4.0，4.0以后w3c委员会认为语法不够严格，转向了xml
XHTML属于XML，语法相对与html4.0更加的严格，他规定所有元素、属性必须使用小写字母，属性值必须加引号，每个标签都必须有与之对应的结束标签
HTML5 属于最新的html规范，没有xhtml那么严格

3.HTML5有哪些新特性

新的语义化元素。例如 header,footer,section,aside,article
表单增强

input 属性增强

 <input placeholder="没有输入时的默认提示" autocomplete="on"/> <!--自动完成-->
  <input autofocus value="自动获取焦点"/>
  <input list="names" placeholder="预定义选项" /> 
  <datalist id=names>
    <option value="zhangsan" >
    <option value="lisi" >
    <option value="wangwu" >
  </datalist>

input 类型增强

<input type="url" />
<input type="color" />
<input type="date" /> <!--datetime,month,week,time-->
<input type="email" />
<input type="number" />
<input type="range" />

新的API 本地存储，图形，音频视频，sessionStorage,svg,canvas,audio,video。

4.语义化的意义是什么

让人更好理解
让机器更好理解(搜索引擎|爬虫) SEO优化

5.哪些元素可以自闭合

input标签
meta link
br hr
img

6.Html与Dom的关系

Dom是由Html解析出来的
JS维护的是DOM

7.form元素的作用

直接提交表单
便于表单验证
第三方库可直接提取表单的值