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个
相关推荐
DogEgg_00124 分钟前
前端八股文(一)HTML 持续更新中。。。
前端·html
Ocean☾5 小时前
前端基础-html-注册界面
前端·算法·html
顾菁寒20 小时前
WEB第二次作业
前端·css·html
Qhumaing20 小时前
html第一个网页
网络·html·html5
前端Hardy1 天前
HTML&CSS:爱上班的猫咪
前端·javascript·css·vue.js·html
前端Hardy1 天前
超萌!HTML&CSS:打造趣味动画卡通 dog
前端·css·html·css3
Komorebi⁼1 天前
JavaScript的对象事件监听处理,交互式网页的关键!
开发语言·前端·javascript·css·html
布兰妮甜1 天前
HTML5:网页开发的新纪元
前端·html·html5
想要成为祖国的花朵1 天前
Web前端_HTML5(新增type类型)
前端·html·html5
羊小猪~~1 天前
前端入门一之HTML知识讲解
前端·javascript·css·前端框架·html·html5