vlambda博客
学习文章列表

HTML4你知道这些属性吗?


HTML4中标签的属性众多,大致可以分为 核心属性语言属性键盘属性内容属性其他属性等类型。
核心属性

核心属性主要包括以下3个,这3个基本属性是大部分标签都拥有的属性。

属性名
描述
class
定义类名
id
定义标签的唯一标识(id名)
style
定义标签的样式(行内样式)
没有核心属性的标签有:html、head、title、base、meta、param、script、style,这些标签一般是位于文档头部区域,用来定义网页元信息

HTML4你知道这些属性吗?

语言属性
语言属性主要用来定义元素的语言类型,包含两个属性:
属性名
描述
lang
定义标签的语言代码或编码
dir
定义文本方向
【示例】以下为网页代码定义了中文简体的语言,字符对其方式为从左到右的方式。
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="zh-CN">

HTML4你知道这些属性吗?

键盘属性
键盘属性定义标签的键盘访问方法,包括两个属性:
属性名
描述
accesskey
定义访问某标签的键盘快捷键
tabindex
定义元素的Tab键索引编号

使用accesskey属性可以使用快捷键(alt+字母)访问指定URL,但是个别浏览器不会很好的支持这个属性。

【示例】

<a href="http://www.baidu.com/" accesskey="a">  按住Alt键,单机A键可以链接到百度首页</a>

tabindex属性用来定义元素的Tab键访问顺序,可以用Tab键遍历页面中的链接和表单控件。遍历时会按照tabindex的大小决定顺序。

【示例】插入三个超链接,定义tabindex属性,这样可以通过Tab键快速切换超链接

<a href="#" tabindex="1">Tab1</a><a href="#" tabindex="2">Tab2</a><a href="#" tabindex="3">Tab3</a>

HTML4你知道这些属性吗?

内容属性

内容属性用来定义标签包含内容的提示信息,这些信息对于标签来说具有非常重要的补充作用。

属性名
描述
alt
定义标签的替换文本
title
定义标签的提示信息
longdesc
定义标签包含内容的描述信息
cite
定义元素包含内容的引用信息
datetime
定义元素包含内容的日期和时间

【示例】

<img src="图片路径" alt="替换文本" title="提示文本">
当图片无法正常显示时,将会显示alt属性中的内容,当鼠标悬浮在图片上时将会显示title属性中的内容。

其他属性
其他属性(定义标签的相关属性,属性较多,仅列举常用属性)
属性名
描述
rel
定义当前页面与其他页面的关系
rev
定义其他页面与当前页面之间的链接关系
HTML4的属性就讲到这,制作不易,感谢阅读