最常⽤的HTML5标签及属性最常⽤的 HTML5 标签及属性
基本的 HTML 标签
<h1> - <h6> 标签定义 HTML 标题
<p> 标签定义 HTML 段落
<a> 标签定义 HTML 链接
超链接：
>通过使⽤ href 属性 - 创建指向另⼀个⽂档的链接
>通过使⽤ name 属性 - 创建⽂档内的书签
>通过使⽤ Target 属性，你可以定义被链接的⽂档在何处显⽰
>语法：<a href="url">Link text</a>
锚点：
>语法：<a name="label">锚（显⽰在页⾯上的⽂本）</a>
<img> 标签定义 HTML 图像
<map> 定义图像地图
<area> 定义图像地图中的可点击区域
<html> 定义 HTML ⽂档
<body> 定义⽂档的主体
<h1> - <h6> 标签定义 HTML 标题
<hr /> 标签创建 HTML 页⾯⽔平线
<!-- --> HTML 注释
<p> 定义段落
<br /> 插⼊单个折⾏（换⾏）
HTML ⽂本格式化标签
<b> 定义粗体⽂本
<big> 定义⼤号字
<em> 定义着重⽂字
<i> 定义斜体字
<small> 定义⼩号字
<strong> 定义加重语⽓
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插⼊字
<del> 定义删除字
HTML “计算机输出”标签
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<tt> 定义打字机代码
<var> 定义变量
<pre> 定义预格式⽂本
HTML 引⽂、引⽤和定义标签
<abbr> 定义缩写或⾸字母缩略语
<address> 定义⽂档作者或拥有者的联系信息
<bdo> 定义⽂本⽅向
<blockquote> 定义从其他来源引⽤的节
<dfn> 定义项⽬或缩略词的定义
<q> 定义短的⾏内引⽤
<cite> 定义著作的标题
HTML CSS样式
<style> 定义样式定义
<link> 定义资源引⽤
<div> 定义⽂档中的节或区域（块级）
<span> 定义⽂档中的⾏内的⼩块或区域
<font> 规定⽂本的字体、字体尺⼨、字体颜⾊。不赞成使⽤。请使⽤样式
<center> 对⽂本进⾏⽔平居中。不赞成使⽤。请使⽤样式
HTML 表格标签
<table> 定义表格
<caption> 定义表格标题
<th> 定义表格的表头
<tr> 定义表格的⾏
<td> 定义表格单元
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
<col> 定义⽤于表格列的属性
<colgroup> 定义表格列的组
HTML 列表
<ol> 定义有序列表
<ul> 定义⽆序列表
<li> 定义列表项
<dl> 定义定义列表
<dt> 定义定义项⽬
<dd> 定义定义的描述
HTML 分组标签
<div> 定义⽂档中的分区或节（division/section）。
<span> 定义 span，⽤来组合⽂档中的⾏内元素。
HTML Iframe 标签
<iframe> 定义内联的⼦窗⼝（框架）
（1）添加 iframe 的语法: <iframe src="URL"> </iframe>URL 指向隔离页⾯的位置。
（2）height 和 width 属性⽤于规定 iframe 的⾼度和宽度。属性值的默认单位是像素，但也可以⽤百分⽐来设定（⽐如 “80%”）。实例：<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
（3）删除边框
frameborder 属性规定是否显⽰ iframe 周围的边框。设置属性值为 “0” 就可以移除边框。实例：<iframe src="demo_iframe.htm" frameborder="0"></iframe>
（4）使⽤ iframe 作为链接的⽬标
iframe 可⽤作链接的⽬标（target）。链接的 target 属性必须引⽤ iframe 的 name 属性。实例：<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
HTML 头部元素
html中提交表单用什么属性<head> 定义关于⽂档的信息
<title> 定义⽂档标题
<base> 定义页⾯上所有链接的默认地址或默认⽬标
<link> 定义⽂档与外部资源之间的关系
<meta> 定义关于 HTML ⽂档的元数据
<script> 定义客户端脚本
<style> 定义⽂档的样式信息
HTML 中有⽤的字符实体
注释：实体名称对⼤⼩写敏感HTML 表单
<input> 元素有很多形态，根据不同的 type 属性。
（1）text 定义常规⽂本输⼊。
<input type="text"> 定义⽤于⽂本输⼊的单⾏输⼊字段。
（2）radio 定义单选按钮输⼊（选择多个选择之⼀）。
<input type="radio"> 定义单选按钮。
（3）submit 定义提交按钮（提交表单）。
<input type="submit"> 定义⽤于向表单处理程序（form-handler）提交表单的按钮。
（4）action 属性定义在提交表单时执⾏的动作。向服务器提交表单的通常做法是使⽤提交按钮。通常，表单会被提交到 web 服务器上的⽹页。
<form action="action_page.php"> 如果省略 action 属性，则 action 会被设置为当前页⾯。
（5）button属性定义按钮。<input type="button>
（6）method 属性规定在提交表单时所⽤的 HTTP ⽅法（GET 或 POST）：
<form action="action_page.php" method="GET">或：<form action="action_page.php" method="POST">
（7）name规定识别表单的名称（对于 DOM 使⽤：document.forms.name）。
（8）⽤ <fieldset> 组合表单数据：<fieldset> 元素组合表单中的相关数据，<legend> 元素为 <fieldset> 元素定义标题。
（9）novalidate 规定浏览器不验证表单。
（10）target规定 action 属性中地址的⽬标（默认：_self）。
（11）date⽤于应该包含⽇期的输⼊字段<input type="date"> 。month允许⽤户选择⽉份和年份<input type="month"> 。week允许⽤户选择周和年<input type ="week"> 。time允许⽤户选择时间（⽆时区）<input type="time"> 。datetime允许⽤户选择⽇期和时间（有时区）<input type="datetime"> 。datetime-local允许⽤户选择⽇期和时间（⽆时区）<input type="datetime-local"> 。color⽤于应该包含颜⾊的输⼊字段<input type="color"> 。range⽤于应该包含⼀定范围内的值的输⼊字段<input type="range"> 。根据浏览器⽀持，⽇期选择器会出现输⼊字段中。
（12）search ⽤于搜索字段（搜索字段的表现类似常规⽂本字段）<input type="search">。tel⽤于应该包含电话号码的输⼊字段<input type="tel"> 。url ⽤于应该包含 URL 地址的输⼊字段<input type="url">。
HTML Input 属性
value 属性：规定输⼊字段的初始值。
readonly 属性：规定输⼊字段为只读（不能修改），readonly 属性不需要值。它等同于 readonly=“readonly”。
disabled 属性：规定输⼊字段是禁⽤的，被禁⽤的元素是不可⽤和不可点击的，被禁⽤的元素不会被提交。disabled 属性不需要值。它等同于 disabled=“disabled”。
size 属性：规定输⼊字段的尺⼨（以字符计）。
maxlength 属性：规定输⼊字段允许的最⼤长度。
autocomplete 属性：规定表单或输⼊字段是否应该⾃动完成。当⾃动完成开启，浏览器会基于⽤户之前的输⼊值⾃动填写值。novalidate 属性属于< form>属性。如果设置，则 novalidate 规定在提交表单时不对表单数据进⾏验证。
autofocus 属性是布尔属性。如果设置，则规定当页⾯加载时< input> 元素应该⾃动获得焦点。
form 属性规定< input>元素所属的⼀个或多个表单。如需引⽤⼀个以上的表单，请使⽤空格分隔的表单 id 列表。
ormaction 属性规定当提交表单时处理该输⼊控件的⽂件的 URL。formaction 属性覆盖< form>元素的 action 属性。formaction 属性适⽤于 type=“submit” 以及 type=“image”。
formenctype 属性规定当把表单数据（form-data）提交⾄服务器时如何对其进⾏编码（仅针对 method=“post” 的表单）。formenctype 属性覆盖 < form>元素的 enctype 属性。formenctype 属性适⽤于 type=“submit” 以及 type=“image”。formmethod 属性定义⽤以向 action URL 发送表单数据（form-data）的 HTTP ⽅法。formmethod 属性覆盖 < form> 元素的method 属性。formmethod 属性适⽤于 type=“submit” 以及 type=“image”。
novalidate 属性是布尔属性。如果设置，则规定在提交表单时不对< input>元素进⾏验证。formnovalidate 属性覆盖 < form> 元素的novalidate 属性。formnovalidate 属性可⽤于 type=“submit”。
formtarget 属性规定的名称或关键词指⽰提交表单后在何处显⽰接收到的响应。formtarget 属性会覆盖 < form> 元素的 target 属性。formtarget 属性可与 type=“submit” 和 type=“image” 使⽤。
height 和 width 属性规定 < input> 元素的⾼度和宽度。height 和 width 属性仅⽤于 < input type=“image”>。
list 属性引⽤的 < datalist> 元素中包含了 < input> 元素的预定义选项。
min 和 max 属性规定 元素的最⼩值和最⼤值。min 和 max 属性适⽤于如需输⼊类型：number、range、date、datetime、datetime-local、month、time 以及 week。
multiple 属性是布尔属性。如果设置，则规定允许⽤户在 < input> 元素中输⼊⼀个以上的值。multiple 属性适⽤于以下输⼊类型：email 和 file。
pattern 属性规定⽤于检查 < input> 元素值的正则表达式。pattern 属性适⽤于以下输⼊类型：text、search、url、tel、email、and password。
placeholder 属性规定⽤以描述输⼊字段预期值的提⽰（样本值或有关格式的简短描述）。该提⽰会在⽤户输⼊值之前显⽰在输⼊字段中。placeholder 属性适⽤于以下输⼊类型：text、search、url、tel、email 以及 password。
required 属性是布尔属性。如果设置，则规定在提交表单之前必须填写输⼊字段。required 属性适⽤于以下输⼊类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file。
step 属性规定 元素的合法数字间隔。⽰例：如果 step=“3”，则合法数字应该是 -3、0、3、6、等等。
<article> 定义⽂档内的⽂章。
<aside> 定义页⾯内容之外的内容。
<bdi> 定义与其他⽂本不同的⽂本⽅向。
<details> 定义⽤户可查看或隐藏的额外细节。
<dialog> 定义对话框或窗⼝。
<figcaption> 定义 <figure> 元素的标题。
<figure> 定义⾃包含内容，⽐如图⽰、图表、照⽚、代码清单等等。<footer> 定义⽂档或节的页脚。
<header> 定义⽂档或节的页眉。
<main> 定义⽂档的主内容。
<mark> 定义重要或强调的内容。
<menuitem> 定义⽤户能够从弹出菜单调⽤的命令/菜单项⽬。
<meter> 定义已知范围（尺度）内的标量测量。
<nav> 定义⽂档内的导航链接。
<progress> 定义任务进度。
<rp> 定义在不⽀持 ruby 注释的浏览器中显⽰什么。
<rt> 定义关于字符的解释/发⾳（⽤于东亚字体）。
<ruby> 定义 ruby 注释（⽤于东亚字体）。
<section> 定义⽂档中的节。
<summary> 定义 <details> 元素的可见标题。
<time> 定义⽇期/时间。
<wbr> 定义可能的折⾏（line-break）。
<canvas> 定义使⽤ JavaScript 的图像绘制。
<svg> 定义使⽤ SVG 的图像绘制。
<audio> 定义声⾳或⾳乐内容。
<embed> 定义外部应⽤程序的容器（⽐如插件）。
<source> 定义 <video> 和 <audio> 的来源。
<track> 定义 <video> 和 <audio> 的轨道。
<video> 定义视频或影⽚内容。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。