html - 重新认识标签

常用的标签

1. head
   作用： 设定文档的元信息（配置信息）meta,script,link...，通常不会展示在页面中

2. 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">

3. template
   作用：是一种用于保存客户端内容机制，该内容在加载页面时不会呈现，但随后可以(原文为 may be)在运行时使用JavaScript实例化。
   可以通过属性检测确认是否支持：'content' in document.createElement('template')

display 属性不同表现

1. inline margin-top 和margin-bottom 无效,宽高无效。

form

1. input上回车提交表单行为
   • 如果form里面只有一个input 那么回车的时候 会自动触发表单提交
   • 如果form里面有多个input（大于一个），这个时候 只有出现了 submit的button才会自动触发

那么，想要实现表单回车自动提交：
1） 添加sumbit的按钮, 如果不想展示的话，可以通过样式设置隐藏起来。