时间:2021-07-01 10:21:17 帮助过:10人阅读
这次给大家带来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) | 指定是否一个元素的值在页面载入时是否需要翻译 |
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
H5+C3+JS实现楼层跳跃特效
H5链接的使用
以上就是HTML常用的属性知识点总结的详细内容,更多请关注Gxl网其它相关文章!