前端笔记04——HTML属性

最新推荐文章于 2024-08-04 14:27:56 发布

野生杂学家阿博

最新推荐文章于 2024-08-04 14:27:56 发布

阅读量261

点赞数 1

分类专栏：前端文章标签： HTML5属性属性

本文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/81056532

版权

前端专栏收录该内容

93 篇文章 1 订阅

订阅专栏

前言

前面一篇博客分享了我学习到的HTML元素，我有提到元素都是有自己的属性的。这篇博客和大家分享的就是HTML属性。

HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=“value”。属性总是在 HTML 元素的开始标签中规定。

属性实例

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

<a href="http://www.baidu.com">百度一下</a>

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
不过我们要注意的是：在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如

name='Bill "HelloWorld" Gates'

HTML属性使用小写

属性和元素是一样的，属性和属性值对大小写不敏感。不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而新版本的 (X)HTML 要求使用小写属性。

HTML属性参考手册

<!--...-->   定义注释
<!DOCTYPE>   定义文档类型
<a>          定义锚。
<abbr>       定义缩写。
<acronym>    定义只取首字母的缩写
<address>    定义文档作者或拥有者的联系信息。
<applet>     定义嵌入的 applet。
<area>       定义图像映射内部的区域。
<article>    定义文章。（HTML5新标签）
<aside>      定义页面内容之外的内容。（HTML5新标签）
<audio>      定义声音内容。（HTML5新标签）
<b>          定义粗体字，加粗字体使用。
<base>       定义页面中所有链接的默认地址或默认目标。
<basefont>   定义文本的文本方向，使其脱离其周围文本的方向设置。（HTML5新标签）
<bdo>        定义文字方向。
<big>        定义大号文本。
<blockquote> 定义长的引用。
<body>       定义文档的主体。
<br>         定义简单的折行。
<button>     定义按钮 (push button)。
<canvas>     定义图形。（HTML5新标签）
<caption>    定义表格标题。
<center>     定义居中文本。
<cite>       定义引用(citation)。
<code>       定义计算机代码文本。
<col>        定义表格中一个或多个列的属性值。
<colgroup>   定义表格中供格式化的列组。
<command>    定义命令按钮。（HTML5新标签）
<datalist>   定义下拉列表。（HTML5新标签）
<dd>         定义定义列表中项目的描述。
<del>	     定义被删除文本。
<details>    定义元素的细节。（HTML5新标签）
<dir>        定义目录列表。
<div>        定义文档中的节。
<dfn>        定义定义项目。
<dialog>     定义对话框或窗口。（HTML5新标签）
<dl>         定义定义列表。
<dt>         定义定义列表中的项目。
<em>         定义强调文本。
<embed>      定义外部交互内容或插件。（HTML5新标签）
<fieldset>   定义围绕表单中元素的边框。
<figcaption> 定义 figure 元素的标题（HTML5新标签）
<figure>     定义媒介内容的分组，以及它们的标题。（HTML5新标签）
<font>       定义文字的字体、尺寸和颜色。
<footer>     定义 section 或 page 的页脚。（HTML5新标签）
<form>       定义供用户输入的 HTML 表单。
<frame>      定义框架集的窗口或框架。
<frameset>   定义框架集。
<h1>-<h6>  	 定义 HTML 标题
<head>       定义关于文档的信息。
<header>     定义 section 或 page 的页眉（HTML5新标签）
<hr>      	 定义水平线。
<html>       定义 HTML 文档。
<i>          定义斜体字。
<iframe>     定义内联框架。
<img>        定义图像。
<input>      定义输入控件。
<ins>        定义被插入文本。
<isindex>    定义与文档相关的可搜索索引。
<kbd>        定义键盘文本。
<keygen>     定义生成密钥。
<label>      定义 input 元素的标注。
<legend>     定义 fieldset 元素的标题。
<li>         定义列表的项目。
<link>       定义文档与外部资源的关系。
<map>        定义图像映射。
<mark>       定义有记号的文本。
<menu>       定义命令的列表或菜单。
<menuitem>   定义用户可以从弹出菜单调用的命令/菜单项目。
<meta>       定义关于 HTML 文档的元信息。
<meter>      定义预定义范围内的度量。（HTML5新标签）
<nav>        定义导航链接。
<noframes>   定义针对不支持框架的用户的替代内容。
<noscript>   定义针对不支持客户端脚本的用户的替代内容。
<object>     定义内嵌对象。
<ol>         定义有序列表。
<optgroup>   定义选择列表中相关选项的组合。
<option>     定义选择列表中的选项。
<output>     定义输出的一些类型。（HTML5新标签）
<p>          定义段落。
<param>      定义对象的参数。
<pre>        定义预格式文本。
<progress>   定义任何类型的任务的进度。(HTML5新标签)
<q>          定义短的引用。
<rp>         定义若浏览器不支持 ruby 元素显示的内容。(HTML5新标签)
<rt>         定义 ruby 注释的解释。(HTML5新标签)
<ruby>       定义 ruby 注释。(HTML5新标签)
<s>          定义加删除线的文本。
<samp>       定义计算机代码样本。
<script>     定义客户端脚本。
<section>    定义 section。（HTML5新标签）
<select>     定义选择列表（下拉列表）。
<small>      定义小号文本。
<source>     定义媒介源。（HTML5新标签）
<span>       定义文档中的节。
<strike>     定义加删除线文本。
<strong>     定义强调文本。
<style>      定义文档的样式信息。
<sub>        定义下标文本。
<summary>    为 <details> 元素定义可见的标题。（HTML5新标签）
<sup>        定义上标文本。
<table>      定义表格。
<tbody>      定义表格中的主体内容。
<td>	     定义表格中的单元。
<textarea>   定义多行的文本输入控件。
<tfoot>      定义表格中的表注内容（脚注）。
<th>         定义表格中的表头单元格。
<thead>      定义表格中的表头内容。
<time>       定义日期/时间。（HTML5新标签）
<title>	     定义文档的标题。
<tr>         定义表格中的行。
<track>      定义用在媒体播放器中的文本轨道。（HTML5新标签）
<tt>         定义打字机文本。
<u>          定义下划线文本。
<ul>         定义无序列表。
<var>        定义文本的变量部分。
<video>      定义视频。（HTML5新标签）
<wbr>        定义可能的换行符。
<xmp>        定义预格式文本。

HTML全局属性

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