HTML4 属性

作者: 张小差 | 来源:发表于2019-03-12 21:57 被阅读0次

HTML500题
HTML4属性
HTML4 属性
H5表单
02.HTML5表单新增的元素与属性
事件
HTML5全局属性和事件
HTML5表单新特性
HTML5新增表单元素
web

<!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>

浏览器效果