你正在查看: 首页 > 技术文章>html > html标签语义科学合理的运用html标签

html标签语义科学合理的运用html标签

  我们在文章中一直强调HTML标签语义的重要,富含语义而且科学得当的运用HTML标签,对CSS网页布局既建立符合WEB标准的网站是非常有意义、非常有益处的。

  或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了,这些知识我们在52css.com以后的文章中再一一说明。

  Note:双与单分别表示标签是成对出现,还是单个出现,成对出现需要关闭,如:双表示<a></a>、单表示:<imgsrc=...>。

<a>双定义一个链接

name=text本网页内目标名称(书签),可为数字或文本
href=url指定目标地址
tabindex=number指定该链接在当前文件的Tab键次序中的位置0-32767之间
charset=charset指定目标文件的字符编码形式
例:<Ahref="link.html"><IMGSre="Pixoe.gif"></A>
<Ahref="mailto:webjx@webjx.com">Send</A>
<base>单为文件中所有的相关URL(统一资源定位器)指定一个基准URL.置于<head>内

href=url要用到的URL
<body>双文件的主体(浏览器中显示的内容)

backcolor="rrggbb"背景色
leftmargin=number浏览器左边缘与窗口中正文和图形的开始位置之间的距离,单位:像素
topmargin=number浏览器上边缘与窗口中正文和图形的上边缘位置之间的距离,单位:像素
text="rrggbb"文本默认颜色
background=url背景图片
<caption>双表格的标题,位于表格之上,可用<font>修饰,但一个<caption>必须对应一个<table>

align=leftrightcenter标题对齐方式
<dd>双表示一个定义列表中对一个表单项的条目部分

<dl>双表示一个定义列表,由条目<dt>和定义<dd>组成

<dt>双表示一个定义列表中对一个表单项的条目部分

<form>双


action=url表单提交地址
<font>双字体修饰

i斜体
b加粗
u下划线
s删除线
big比前一个字体大一号
small比前一个字体小一号
left左对齐
right右对齐
center居中
color="rrggbb"颜色
style=text字体大小,可用文本和数字
name=text字体名称
equal字体等距
<head>双与<body>同级,无任何属性,仅作为其他标签的容器

<hr>单添加水平分界线

align=leftrightcenter水平分界线对齐方式
noshade将水平分界线显示成一条时新线
size=number指定线宽,单位像素
width=number或%水平分界线长度,一像素为单位或页面宽为百分比
<html>双于文件起始和结尾,用于告诉浏览器整个文件的大小是由html构成

size=number文件大小
<img>单在页面上放一幅图

align=leftrightcentertopmiddlebotton
alt=text当图象无法显示时的提示文本
width=number图象宽度
height=number图象高度
src=url图象地址
hspace=number图象左右留出空格
vspace=number图象上下留出空格
border=number图象与页面边界距离,默认为1
blockquote一个块的引用,两边各留一空格,上下各留一行
<input>单输入(表单)[输入类型:文本单选框复选框复位提交文件传输]<form>的子集

type:checkbox复选框
checked初始选中值
name=text编号,可用文本或数字
value=text初始值
type:file文件上传
name=text编号,可用文本或数字
value=text搜寻按钮的文本
type:radio单选框
checked初始选中值
name=text编号,可用文本或数字
value=text初始值
type:rest使表单选择恢复默认值
value=text显示可替代文本
type:submit提交按钮
value=text显示按钮上的文本
type:text
text=text内容
max=number最大输入字符量,默认为20
min=number最小输入字符量,默认为1
height=number输入框高度,单位字符,当height=1时,无垂直滚动条
weidth=number输入框宽度,单位字符
type:button
value=text显示的文本内容
src=url连接的网页地址
<li>双表示一个列表中定义一个表单项,用于<dir><ol><ul>标签中

<marquee>双创建一个滚动文本框

align=leftrightcenter文本框与页面左、右、中对齐
dirsction=leftright文本超出边界时用水平、垂直滚动条
height=number文本框高度
width=number文本框宽度
hspace=number文本框两边留出的像素
vspace=number文本框上下留出的像素
scrollamount=number单击方向键,每次滚动的距离,单位字符
scrolldelay=number单击空白条区时,滚动距离,单位字符
<media>单媒体

align=leftrightcentermiddletopbottom对象相对周围文本的对齐方式
data=url对象所引用的地址
height=number对象高度,以像素为单位
width=number对象宽度,以像素为单位
hspace=number在对象两边各留出的空格,以像素为单位
vspace=number在对象上下各留出的空格,以像素为单位
type=audiovideo对象类型(音频和视频)
loop=number循环播放次数
<nobr>双禁止换行

<object>双插件


classid=text如9b99c199-5d75-454f-ae07-b620727be8d8
<ol>双定义有序列表的起始,由表单项<li>组成

<option>双下拉列表或滚动列表的项

checked初始选中值
value=text初始值
<p>单换行,但有多余空行

<pr>单换行,且比<p>减少空行

<script>双脚本


type=text脚本语言类型,如"VBScript"
<select>双定义一个下拉列表和滚动列表

multipe允许多选一个或更多的<option>
name=text选中的<option>编号
size=number"1"且无设multipe,显示为一个下拉列表
<sub>双下标

<sup>双上标

<table>双确定一个表格的始末


align=leftrightcenter表格在页面中位置,默认为right
backcolor="rrggbb"表格背景色
border=number表格边界厚度
cellspacing=number表格单元之间框架厚度
cellspadding=number单元格边界与内容之间的距离
height=numberor%指定表格高度,单位像素,或浏览器页面高度的百分比表示
width=numberor%指定表格宽度,单位像素,或浏览器页面宽度的百分比表示
hspace=number在一个对齐表格上下留一定空格,单位像素
vspace=number在一个对齐表格两边留一定空格,单位像素
form使一个表格作为一个表单提交,且表格内可存在各种表单作为单元格内容
<td>双定义一个单元格

align=leftrightcenter文本相对与单元个的对器方式
background=url单位格里的图象
backcolor="rrggbb"表格背景色
alspan=number该单元格所跨列数,默认为1
rowspan=number该单元格所跨行数,默认为1
<marquee>

loop=0时为静态,1时为动态
<marquee>当为静态时,内部可用<font>和<nobr>

scrolldelay=number单击空白条区,每次滚动距离,单位像素
scrollamount=number单击方向键,每次滚动距离,单位像素
<marquee>当为动态时,内部不能再修饰(包括<nobr>)

scrolldelay=number每次滚动的时间间隔,单位毫秒
scrollamount=number调整文字滚动速度,单位字符
behavior=scroll单向滚动
=alternate双向滚动
bgcolor="rrggbb"滚动文字背景色
color="rrggbb"滚动文字颜色
loop=1默认为1
direction=left从右向左
=right从左向右
=up从下向上
=down从上向下
表格、插件、脚本仅属于<body>,脚本最好不用
<media>仅属于<body>
网页中已用的链接和未用的链接由浏览器指定
网页中除标签内部\标签之间的空格省略外,其他空格有效
标签内部属性值若需空格则用#3代替
网页中"<"用#1代替,">"用#2代替
属性值中双引号可镶入单引号


客服 反馈