meta 元数据不会显示在客户端,但是会被浏览器解析
name
html
<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 标头的名称,如下:
html
<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
js
<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个