HTML常用的属性知识点总结

时间2024-01-23 10:00:52发布访客分类HTML浏览824

导读：收集整理的这篇文章主要介绍了HTML常用的属性知识点总结，觉得挺不错的，现在分享给大家，也给大家做个参考。这次给大家带来HTML常用的属性知识点总结，使用HTML常用属性的注意事项有哪些，下面就是实战案例，一起来看一下。在HTML中，属性也...

收集整理的这篇文章主要介绍了HTML常用的属性知识点总结，觉得挺不错的，现在分享给大家，也给大家做个参考。

这次给大家带来HTML常用的属性知识点总结，使用HTML常用属性的注意事项有哪些，下面就是实战案例，一起来看一下。

在HTML中，属性也是整个HTML内容比较重要的，那么对于HTML属性大家了解多少呢？HTML的属性又有哪些？下面文章讲给大家详细介绍下HTML的属性。

定义：

HTML属性：HTML元素提供的附加信息

简单的理解HTML属性：

1.HTML元素可以设置属性

2.属性可以在元素中添加附加信息

3.属性一般描述与开始标签

4.属性总是以名称或是值对的形式出现，例：name：“value”

简单实例了解属性：

ahref="http://www.runoob.COM"> 一个链接/a>

HTML 链接由 a> 标签定义，链接的地址在 href 属性中指定。

HTML常用引用属性值：

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

注：在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

HTML提示：使用小写属性

属性和属性值对大小写不敏感。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

HTML 属性参考手册

标签	描述
!--...-->	定义注释
!DOCTYPE>	定义文档类型
a>	定义超文本链接
abbr>	定义缩写
acronym>	定义只取首字母的缩写，不支持HTML5
address>	定义文档作者或拥有者的联系信息
applet>	HTML5中不赞成使用。定义嵌入的 applet。
area>	定义图像映射内部的区域
article> （New）	定义一个文章区域
aside> （New）	定义页面的侧边栏内容
audio> （New）	定义音频内容
b>	定义文本粗体
base>	定义页面中所有链接的默认地址或默认目标。
basefont>	HTML5不支持，不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
bdi> （New）	允许您设置一段文本，使其脱离其父元素的文本方向设置。
bdo>	定义文字方向
Big>	定义大号文本，HTML5不支持
blockquote>	定义长的引用
body>	定义文档的主体
br>	定义换行
button>	定义一个点击按钮
canvas> （New）	定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形
caption>	定义表格标题
center>	HTML5不支持，不赞成使用。定义居中文本。
cITe>	定义引用(citation)
code>	定义计算机代码文本
col>	定义表格中一个或多个列的属性值
colgroup>	定义表格中供格式化的列组
command> （New）	定义命令按钮，比如单选按钮、复选框或按钮
datalist> （New）	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
dd>	定义定义列表中项目的描述
del>	定义被删除文本
details> （New）	用于描述文档或文档某个部分的细节
DFn>	定义定义项目
diaLOG> （New）	定义对话框，比如提示框
dir>	HTML5不支持，不赞成使用。定义目录列表。
p>	定义文档中的节
dl>	定义列表详情
dt>	定义列表中的项目
em>	定义强调文本
embed> （New）	定义嵌入的内容，比如插件。
fieldset>	定义围绕表单中元素的边框
figcaption> （New）	定义figure> 元素的标题
figure> （New）	规定独立的流内容（图像、图表、照片、代码等等）。
font>	HTML5不支持，不赞成使用。定义文字的字体、尺寸和颜色。
footer> （New）	定义 section 或 document 的页脚。
form>	定义了HTML文档的表单
frame>	定义框架集的窗口或框架
frameset>	定义框架集
h1> to h6>	定义 HTML 标题
head>	定义关于文档的信息
header> （New）	定义了文档的头部区域
hr>	定义水平线
html>	定义 HTML 文档
i>	定义斜体字
iframe>	定义内联框架
img>	定义图像
input>	定义输入控件
ins>	定义被插入文本
kbd>	定义键盘文本
keygen> （New）	规定用于表单的密钥对生成器字段。
label>	定义 input 元素的标注
legend>	定义 fieldset 元素的标题。
li>	定义列表的项目
link>	定义文档与外部资源的关系
map>	定义图像映射
mark> （New）	定义带有记号的文本。请在需要突出显示文本时使用 m> 标签。
menu>	不赞成使用。定义菜单列表。
meta>	定义关于 HTML 文档的元信息。
meter> （New）	定义度量衡。仅用于已知最大和最小值的度量。
nav> （New）	定义导航链接的部分
noframes>	定义针对不支持框架的用户的替代内容。HTML5不支持
noscript>	定义针对不支持客户端脚本的用户的替代内容。
object>	定义内嵌对象
ol>	定义有序列表。
optgroup>	定义选择列表中相关选项的组合。
option>	定义选择列表中的选项。
output> （New）	定义不同类型的输出，比如脚本的输出。
p>	定义段落。
param>	定义对象的参数。
PRe>	定义预格式文本。
progress> （New）	定义运行中的进度（进程）。
q>	定义短的引用。
rp> （New）	rp> 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
rt> （New）	rt> 标签定义字符（中文注音或字符）的解释或发音。
ruby> （New）	ruby> 标签定义 ruby 注释（中文注音或字符）。
s>	不赞成使用。定义加删除线的文本。
samp>	定义计算机代码样本。
script>	定义客户端脚本。
section> （New）	section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
select>	定义选择列表（下拉列表）。
small>	定义小号文本。
source> （New）	source> 标签为媒介元素（比如 video> 和 audio> ）定义媒介资源。
span>	定义文档中的节。
strike>	HTML5不支持，不赞成使用。定义加删除线文本。
strong>	定义强调文本。
style>	定义文档的样式信息。
sub>	定义下标文本。
summary> （New）	summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
sup>	定义上标文本。
table>	定义表格。
tbody>	定义表格中的主体内容。
td>	定义表格中的单元。
textarea>	定义多行的文本输入控件。
tfoot>	定义表格中的表注内容（脚注）。
th>	定义表格中的表头单元格。
thead>	定义表格中的表头内容。
time> （New）	定义日期或时间，或者两者。
title>	定义文档的标题。
tr>	定义表格中的行。
track> （New）	track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
tt>	定义打字机文本。
u>	不赞成使用。定义下划线文本。
ul>	定义无序列表。
VAR>	定义文本的变量部分。
video> （New）	video> 标签定义视频，比如电影片段或其他视频流。
wbr> （New）	规定在文本中的何处适合添加换行符。

全局属性

属性	描述
accesskey	设置访问元素的键盘快捷键。
class	规定元素的类名（classname）
contenteditable（New）	规定是否可编辑元素的内容。
contextmenu（New）	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
data-*（New）	用于存储页面的自定义数据
dir	设置元素中内容的文本方向。
Draggable（New）	指定某个元素是否可以拖动
dropzone（New）	指定是否将数据复制，移动，或链接，或删除
hidden（New）	hidden 属性规定对元素进行隐藏。
id	规定元素的唯一 id
lang	设置元素中内容的语言代码。
spellcheck（New）	检测元素是否拼写错误
style	规定元素的行内样式（inline style）
tabindex	设置元素的 Tab 键控制次序。
title	规定元素的额外信息（可在工具提示中显示）
translate（New）	指定是否一个元素的值在页面载入时是否需要翻译

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！