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个
相关推荐
Eiceblue4 小时前
使用 C# 发送电子邮件(支持普通文本、HTML 和附件)
开发语言·c#·html·visual studio
超级土豆粉5 小时前
Turndown.js: 优雅地将 HTML 转换为 Markdown
开发语言·javascript·html
忧郁的蛋~6 小时前
HTML表格导出为Excel文件的实现方案
前端·html·excel
然我6 小时前
别再只用 base64!HTML5 的 Blob 才是二进制处理的王者,面试常考
前端·面试·html
小飞悟6 小时前
前端高手才知道的秘密:Blob 居然这么强大!
前端·javascript·html
然我10 小时前
React 开发通关指南:用 HTML 的思维写 JS🚀🚀
前端·react.js·html
veminhe15 小时前
html怎么设置html5
html·html5
AA-代码批发V哥15 小时前
HTML之表单结构全解析
前端·html
weixin-a153003083161 天前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
孤水寒月1 天前
给自己网站增加一个免费的AI助手,纯HTML
前端·人工智能·html