前言
前面一篇博客分享了我学习到的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新标签)