结构元素
- div:在文档中定义一块区域,即包含框,容器
- span:在文本行中定义一块区域,即行内包含框
- ol:根据一定的排序进行列表
- ul:没有排序的列表
- li:每条列表项
- dl:以定义的方法进行列表
- dt:定义列表中的词条
- dd:对定义的词条进行解释
- del:定义删除的文本
- ins:定义插入的文本
- h1~h6:标题1到标题6,定义不同级别的标题
- p:定义了段落结构
- hr:定义水平线
内容元素
- a:定义超链接
- abbr:定义缩写词
- address:定义地址
- acronym:定义取首字母的缩写词
- dfn:定义条目
- kdb:定义键盘键
- samp:定义样本
- var:定义变量
- tt:定义打印机字体
- code:定义计算机源代码
- pre:定义预定义格式文本,保留源代码格式
- blockquote:定义大块内容引用
- q:定义引用短语
- strong:定义重要文本
- em:定义文本为重要
- class:定义类规则或样式规则
- id:定义元素的唯一标识
- style:定义元素的样式声明
- 这些元素不拥有核心属性:html、head、title、base、meta、param、script、style,这些元素一般位于文档头部区域,用来定义网页元信息。
- lang:定义元素的语言代码或编码。
- dir:定义文本方向,包括ltr和rtl取值,分别表示从左向右和从右向左。
- 以下这些元素不拥有语言属性:frameset、frame、iframe、br、hr、base、param、script。
- 例如:
<html xmlns="http:/xxx/xhtml" dir="rtl" lang="en">
-
accesskey:定义访问某元素的键盘快捷键
-
使用accesskey属性可以使用快捷键(Alt+字母)访问指定的URL,但是浏览器不能很好的支持,在IE中仅激活超链接,需要配合Enter键确定。
-
一般会在导航栏中设置快捷键。例如:
<a href="http://www.baidu.com" accesskey="a">按住Alt键,点击A键可以链接到百度首页</a>
-
-
tabindex:定义元素的Tab键索引编号
-
tabindex属性用来定义元素的Tab访问顺序,可以使用Tab键遍历页面中的所有连接和表单元素。遍历时会按照tabindex的大小决定顺序,当遍历到某个链接时,按Enter键即可打开链接页面。
-
例如:
<a href="http://www.baidu.com" tabindex="1">百度</a> <a href="http://www.163.com" tabindex="2">网易</a> <a href="http://www.qq.com" tabindex="3">腾讯</a>
-
-
alt:定义元素的替换文本
-
title:定义元素的提示文本
-
longdesc:定义元素包含内容的大段描述信息没有浏览器支持 longdesc 属性。
-
cite:定义元素包含内容的引用信息
-
datetime:定义元素包含内容的时间和日期
-
alt和title是两个常用的属性,分别用于定义元素的替换文本和提示文本
-
例如:
<a href="#" title="提示文本">超链接</a> <img src="URL" alt="替换文本" title="提示文本"/> <a href="http://www.baidu.com"><cite>百度</cite></a> <input type="image" src="URL" alt="替换文本"/>
-
rel:定义当前页面与其他页面的关系
-
rev:定义其他页面与当前页面之间的链接关系
-
rel表示从源文档到目标文档的关系
-
rev表示从目标文档到源文件的关系
-
例如:
`<a href="Demo.html" rel="prev">`链接到集合中的前一个文档</a>
我正在跟着江哥学编程,更多前端+区块链课程: www.it666.com