常用的标签
head
作用： 设定文档的元信息（配置信息）meta,script,link...，通常不会展示在页面中meta
作用： 可以提供有关页面的元信息。
// 移动端适配 让布局视图等于屏幕宽度
<meta name="viewport" content="width=device-width, initial-scale=1.0">
// 经常在pc站中看到的
// X-UA-Compatible 是IE8 推出的一个专属，其他的浏览器不一定支持，
// 告诉浏览器使用哪个版本模式去渲染文档。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
// 每隔10秒 自动刷新一次
<meta http-equiv="refresh" content="10">
-
template
作用：是一种用于保存客户端内容机制，该内容在加载页面时不会呈现，但随后可以(原文为 may be)在运行时使用JavaScript实例化。
可以通过属性检测确认是否支持：'content' in document.createElement('template')
display 属性不同表现
-
inlinemargin-top和margin-bottom无效,宽高无效。
form
- input上回车提交表单行为
- 如果form里面只有一个input 那么回车的时候 会自动触发表单提交
- 如果form里面有多个input（大于一个），这个时候 只有出现了
submit的button才会自动触发
那么，想要实现表单回车自动提交：
1） 添加sumbit的按钮, 如果不想展示的话，可以通过样式设置隐藏起来。
