html 标签

meta 元数据不会显示在客户端，但是会被浏览器解析

name

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 width:可视区域的宽度，值可为数字或关键词device-width
 height:同width
 intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
 maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
 user-scalable:是否可对页面进行缩放，no 禁止缩放

charset

itemprop

http-equiv属性定义了一个编译指示指令。这个属性叫做 http-equiv(alent) 是因为所有允许的值都是特定 HTTP 标头的名称，如下：

<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />

• content-security-policy 允许页面作者定义当前页面的内容策略。内容策略常用来指定允许的服务器源和脚本端点，这有助于防止跨站点脚本攻击。
• content-type 声明 MIME 类型和文档的字符编码。如果使用 content-type 属性，与之在同一个 <meta> 元素中使用的 content 属性的值必须是 "text/html; charset=utf-8"。这相当于一个具有指定 charset 属性的 <meta> 元素，并对其在文档中的放置位置有相同的限制。注意 ：该属性只能用于 MIME 类型为 text/html 的文档，不能用于 MIME 类型为 XML 的文档。
• default-style 设置默认 CSS 样式表组的名称。
• x-ua-compatible 如果指定，则 content 属性必须具有值 "IE=edge"。用户代理必须忽略此指示。
• refresh 这个属性指定：页面重新加载的秒数------仅当 content属性包含非负整数时。 页面重定向到指定链接的秒数------仅当 content 属性包含非负整数后跟字符串";url="

form

<form action="demo_form.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

元素包含一个或多个如下的表单元素： <input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label>

input

属性：

• 11个传统元素属性：accept、alt、checked、disabled、maxlength、name、readonly、size、src、type、value
• 19个HTML5新增的元素属性：autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、min、multiple、novalidate、pattern、placeholder、required、step、width

type类型：

• button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week共13个