<!DOCTYPE html>
<meta charset="utf-8">
<title>HTML4 属性</title>
<h1>HTML4 元素包含的属性很多，可以分为1.核心属性 2.语言属性 3.键盘属性 4.内容属性 5.延伸属性等</h1>
<h2>核心属性</h2>
<mark>核心属性主要包括以下三个，这三个属性为大部分元素所拥有</span>
<ul>
<li>class：定义类规则或样式规则</li>
<li>id：定义元素的唯一标识</li>
<li>style：定义元素的样式声明</li>
注：以下属性不拥有核心属性：html、head、title、base、meta、param、script、style
</ul>
<h2>语言属性</h2>
<mark>语言属性主要用来定义元素的语言类型，包括两个属性</mark>
<ul>
<li>lang：定义元素的语言代码或编码</li>
<li>dir：定义文本方向，包括ltr、rtl取值，分别表示从左向右和从右向左</li>
</ul>
<h2>键盘属性</h2>
<mark>键盘属性定义元素的键盘访问方法，包括两个属性</mark>
<ul>
<li>accesskey：定义访问某元素的键盘快捷键</li>
<li>tabindex：定义元素的Tab键索引编号</li>
<li>
<dl>
<dt>实例</dt>
<dt>accesskey属性实现</dt>
<dd><a href="https://www.baidu.com" accesskey="a" target="_blank">按住ALT键，单机A快速访问</a></dd>
<dt>tabindex属性</dt>
<dd><a href="#" tabindex="1">tab1</a></dd>
<dd><a href="#">没有tabindex属性</a></dd>
<dd><a href="#" tabindex="2">tab2</a></dd>
</dl>
</li>
</ul>
<h2>内容属性</h2>
<mark>内容属性定义元素包含内容的附加信息，这些信息对于元素来说具有重要补充作用，避免元素本身包含信息不全而被误解。内容语义包含5个属性</mark>
<ul>
<li>alt：定义元素的替换文本</li>
<li>title：定义元素的提示文本</li>
<li>longdesc：定义元素包含内容的大段描述信息</li>
<li>cite：定义元素包含内容的引用信息</li>
<li>datetime：定义元素包含内容的日期和时间</li>
<li>
<dl>示例
<dt><a href="URL" title="提示文本">a标签中定义titl属性</a></dt>
<dt><img src="URL" alt="替换文本" title="提示文本"> <br/>当图片无法显示时，通过alt属性显示替换文本，是一种很好的补救措施</dt>
</dl>
</li>
</ul>
<h2>其他属性</h2>
<mark>其他属性（定义元素的相关信息，当然这类属性也很多。这里仅列举两个比较实用的属性）</mark>
<ul>
<li>rel：定义当前页面与其他页面的关系</li>
<li>rev：定义其他页面与当前页面之间的链接关系</li>
<dl>
<dt>rel和rev属性相对应，rel表示从源文档到目标文档的关系；rev表示从目标文档到源文档的关系</dt>
<dd>
<a href="4-3.html" rel="prev">链接到集合中的前一个文档</a>
</dd>
<dd>其他关系与此类似，可以根据需要确定当前文档与目标文档之间的位置关系，并进行准确定义，以方便浏览器对信息的来源进行准确判断</dd>
</dl>
</ul>
浏览器效果
网友评论