1 / 16
文档名称:

网页设计标签.docx

格式:docx   大小:35KB   页数:16页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计标签.docx

上传人:daoqqzhuanyongyou2 2022/7/16 文件大小:35 KB

下载得到文件列表

网页设计标签.docx

相关文档

文档介绍

文档介绍:HTML元素的语义分类

div
语义:
IE认为它是一个容器
span
语义:
ol
语义:
ul
语义:
li
语义:
dl
语义:
dt
语义:
dd
语义:
解释
dea
网页元信息
param
二主M业U白 元素参数信息
script、style
网页的脚本和样式
2・语言语义属性
lang
语义:Language (语言)。定义元素的语言代码或编码
dir 语义:Direction (方向)。定义文本的方向,包括ltr和rtl取
值,分别表示从左向右和从右向左
下面这些元素不拥有语言语义属性:
frameset、frame、iframe 网页框架结构
br
换行标识
hr
结构装饰线
base
网页基准信息
param
二主M业U白 元素参数信息
script
网页的脚本
键盘语义属性
Accesskey
语义:Access Key (访问键)。定义访问某元素的键盘快捷键
tabindex
语义:Tab Index(Tab键索引)。定义元素的Tab键索引编号
使用accesskey属性可以使用快捷键(Alt+字母)访问指定URL,但是浏览器支持不 是很好,在IE中仅激活超链接,需要配合Enter键确定,而在FF中没有反应。例如:
<a href="/" accesskey="a"> 按住 Alt 键,单击 A 键可以链接到样
吧首页</a>
内容语义属性
alt
语义:Alternate Text(替换文本)。定义元素的替换文本
title
语义:Title (标题)。定义元素的提示文本
longdesc
语义:Long Describe (长文描述)。定义元素包含内容的大段
描述信息
cite
语义:Cite (引用)。定义元素包含内容的引用信息
datetime 语义:Date and Time (日期和时间)。定义元素包含内容的日
期和时间
其他语义属性
rel 语义:Relationship (关联)。定义当前页面与其他页面的关系
rev 语义:Reverse Link(反向链接)。定义其他页面与当前页面之
间的链接关系
提及rel属性,很多人把它当作target的替代属性。实际上,它们是不同性质的属 性,rel和rev属性相对应,它们的语义比较如下:
rel表示从源文档到目标文档的关系。
rev表示从目标文档到源文档的关系。
三、列表信息的语义结构
认识列表结构
ul 无序列表
ol 有序列表
li 列表项目
dl 定义列表
dt 定义列表标题
dd 定义列表说明
menu 菜单列表
dir 目录列表
使用普通列表结构
普通列表元素包括ul、ol和li。从语义角度来分析,实际上ul和ol没有什么区别,只 不过是形式不同罢了,即项目符号的显示效果不同而已。如果使用CSS你完全把它们 混用。
ul是Unordered List短语的缩写,可以翻译为不排序列表。从形式上看,也就是项目 符号不是有序符号,如1、2、3等。ol是Ordered List短语的缩写,可以翻译为排序 列表。li是List Item短语的缩写,表示列表项,该元素必须包含在ul、ol元素中。
使用定义列表结构
有序列表(ol和li)、无序列表(ul和li)的父子搭配结构不同,定义列表包含了 3个 元素:dl、dt和dd。这也为设计师构建复杂的信息结构提供了想像的空间。如果随意 浏览一下国外的专业站点,你都会发现很多配合使用这三个元素的精巧结构。
dl是Definition List短语的缩写,直译为定义列表,相当于列表包含框;dt是 Definition Term短语的缩写,直译为定义条目,相当于词典中被解释的词汇;
dd是 Definition Description短语的缩写,直译为定义描述,它相当于词典中解释内容。
使用定义列表的误区
误用一,把定义列表看作是栏目的模板结构。也就是说,在定义列表中一个dt元素下 面跟随这个多个dd元素。
<h2 >误用一:一个dt和多个dd</h2>
<dl>
<dt >栏目标题</dt>
<dd> 项目 1</dd>
<dd>项目 2</dd>
<dd>项目 3</dd>
<dd>项目 4</dd>
</dl>
误用二,缺失dt或dd元素。也就是说把定义列表当作普通列表来使用。
<h2>误用二:dt或dd缺失</h2>
<dl>
<dd> 项目 1</dd>
<dd>项目 2</dd>
<dd>项目 3</dd>