html 标签

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个
相关推荐
FØund4041 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
一棵开花的树,枝芽无限靠近你1 小时前
【PPTist】添加PPT模版
前端·学习·编辑器·html
学不会•7 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
猫爪笔记13 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
爱上语文15 小时前
HTML和CSS 表单、表格练习
前端·css·html
小肚肚肚肚肚哦16 小时前
盘点浏览器盒模型中各种 width、height 、边距和位置属性
css·html
NightCyberpunk16 小时前
HTML、CSS
前端·css·html
前端Hardy19 小时前
HTML&CSS:数据卡片可以这样设计
前端·javascript·css·3d·html
xiyusec1 天前
HTML基础
前端·html
好开心331 天前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互