CSS网页布局中HTML标签的语义(二)_XHTML教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

缂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣捣閻棗霉閿濆牜鍤夋繛宸簼閺呮繈鏌涚仦鐐殤闁告梻鏁哥槐鎾存媴閹绘帊澹曢梻浣侯攰娴滎剟顢楅·鐛礛S闂傚倸鍊峰ù鍥х暦閻㈢ǹ绐楅柟鎵閸嬶繝鏌曟径鍫濆壔婵炴垶菤閺€浠嬫倵閿濆啫濡烽柛瀣崌瀹曟帡鎮欓弻銉ユ暪闂備礁鎼ú銊╁磻閻愮儤鍊垫い鎺嗗亾闁宠鍨块幃娆撳矗婢舵ɑ锛侀梻浣规偠閸斿酣宕伴弽褜鍤曞┑鐘崇閺呮悂鏌ㄩ悤鍌涘婵犵數濮烽弫鎼佸磻閻愬搫鍨傞悹杞拌濞兼牠鎮峰▎蹇擃伀闁绘繂鐖奸弻娑㈠焺閸愵亖妲堥梺缁樻尰閿曘垽寮婚垾鎰佸悑閹肩补鈧磭顔戦梻浣瑰▕閺€杈╂暜閿熺姴钃熼柕濞炬櫆閸嬪棝鏌涚仦鍓р槈妞ゅ骏鎷� 缂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘ｅ亾閽樻繈姊洪鈧粔瀵哥玻濡ゅ懏鐓欓梺顓ㄧ畱婢ч箖鏌ら弶鎸庡仴闁哄本鐩俊鐑筋敊閻撳寒娼荤紓鍌欒閸嬫挸顭块懜闈涘闁绘挸鍟撮弻鏇熷緞閸繂顬夐梺缁樼箥娴滎亪寮婚敐鍛斀闁圭偓娼欓锟� 闂傚倸鍊搁崐鎼佸磹妞嬪孩顐介柨鐔哄Т绾惧鏌涢弴銊ョ€柛銉ｅ妽缂嶅洭鏌嶉崫鍕殶妞わ富鍨辩换婵嬪閿濆棛銆愰梺鍝勭墱閸撶喎鐣峰Δ鈧オ浼村醇閻斿搫骞愰梻浣规偠閸庮垶宕濆澶嬪剭闁硅揪闄勯埛鎺戭熆鐠虹尨鍔熼弫鍫ユ⒑閸濆嫯顫﹂柛濠冪墪宀ｈ儻绠涘☉妯溾晠鏌ㄩ弮鍌滃笡妞ゃ儲绋撶槐鎾诲磼濞嗘垵濡介梺鍝ュ仜椤兘鐛箛娑欐櫢闁跨噦鎷� 闂傚倸鍊搁崐椋庣矆娓氣偓楠炴牠顢曢敃鈧悿顕€鏌ｅΔ鈧悧濠囧矗韫囨稒鐓欑紓浣靛灩閺嬫稒淇婇悙鎵煓闁哄备鈧剚鍚嬮幖绮光偓鑼晼闂備礁鎲￠〃鍡欏枈瀹ュ洦宕叉繛鎴欏灩楠炪垺淇婇婵愬殭闂傚绉撮埞鎴︻敋閸℃瑧蓱闂佸憡姊归〃濠囧春閳ь剚銇勯幒鎴濇灓婵炲吋鍔欓弻鐔碱敊閼测晛鐓熼悗瑙勬礃濞茬喖寮婚崱妤婂悑闁告侗鍨抽崢顒勬⒒娴ｈ姤纭堕柛锝忕畵楠炲繘鏁撻敓锟�,闂傚倸鍊搁崐宄懊归崶顒佸剭妞ゆ劧绠戠粈瀣亜閹扳晛鐏╃悮姗€姊绘担绛嬪殭婵﹫绠撻敐鐐村緞鐎ｎ剛顔曟繝鐢靛Т閸嬪棝宕甸弴銏＄厱妞ゆ劧绲剧粈鈧紓浣插亾闁告劏鏂傛禍婊堟煛閸屾氨浠㈤柟顔藉灦閵囧嫯绠涢弴鐐寸€剧紓浣虹帛閻╊垶鐛€ｎ喗鍊烽柡澶嬪灩濞堛倝姊绘担鍛靛綊顢栭崱娑樼闁搞儜灞剧稁闂佸憡绻傜€氀囧几鎼淬劍鐓欐い鏍ф鐎氼喗绂嶉鍫熲拻濞达絽鎲￠崯鐐烘煟閻旀潙鍔ら柟骞垮灩铻ｅ〒姘煎灠濞堛劍绻濋悽闈浶ｇ痪鏉跨Ч瀵煡骞栨担鍦弳闂佺粯娲栭崐鍦偓姘炬嫹!

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

　　或许有朋友感到迷惑，到底如何运用HTML标签才是保持文档语义并有良好的结构呢？我们看下面的这方面知识的介绍，相信你一定有所收获。但也请你注重，有些标签可能不符合WEB标准了，这些知识我们在mb5u.com以后的文章中再一一说明。
　　Note：双与单分别表示标签是成对出现，还是单个出现，成对出现需要关闭，如：双表示<a></a>、单表示：<img src=...>。

<a>双定义一个链接

示例代码 [www.mb5u.com]

name=text 本网页内目标名称(书签),可为数字或文本
href=url _fcksavedurl="url" 指定目标地址
tabindex=number 指定该链接在当前文件的Tab键次序中的位置 0-32767之间
charset=charset 指定目标文件的字符编码形式
例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
<A href="mailto:jen@nt.com">Send</A>

<base>单为文件中所有的相关URL(统一资源定位器)指定一个基准URL.置于<head>内

示例代码 [www.mb5u.com]

href=url 要用到的URL

<body>双文件的主体(浏览器中显示的内容)

示例代码 [www.mb5u.com]

backcolor="rrggbb" 背景色
leftmargin=number 浏览器左边缘与窗口中正文和图形的开始位置之间的距离,单位:像素
topmargin=number 浏览器上边缘与窗口中正文和图形的上边缘位置之间的距离,单位:像素
text="rrggbb" 文本默认颜色
background=url 背景图片

<caption>双表格的标题,位于表格之上,可用<font>修饰,但一个<caption>必须对应一个<table>

示例代码 [www.mb5u.com]

align=left right center 标题对齐方式

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

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

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

<form>双

示例代码 [www.mb5u.com]

action=url 表单提交地址

<font>双字体修饰

示例代码 [www.mb5u.com]

i 斜体
b 加粗
u 下划线
s 删除线
big 比前一个字体大一号
small 比前一个字体小一号
left 左对齐
right 右对齐
center 居中
color="rrggbb" 颜色
style=text 字体大小,可用文本和数字
name=text 字体名称
equal 字体等距

<head>双与<body>同级,无任何属性,仅作为其他标签的容器

<hr>单添加水平分界线

示例代码 [www.mb5u.com]

align =left right center 水平分界线对齐方式
noshade 将水平分界线显示成一条时新线
size=number 指定线宽,单位像素
width=number 或 % 水平分界线长度,一像素为单位或页面宽为百分比

<html>双于文件起始和结尾,用于告诉浏览器整个文件的大小是由html构成

示例代码 [www.mb5u.com]

size=number 文件大小

<img>单在页面上放一幅图

示例代码 [www.mb5u.com]

align=left right center top middle botton
alt=text 当图象无法显示时的提示文本
width=number 图象宽度
height=number 图象高度
src=url _fcksavedurl="url" 图象地址
hspace=number 图象左右留出空格
vspace=number 图象上下留出空格
border=number 图象与页面边界距离,默认为1
blockquote 一个块的引用,两边各留一空格,上下各留一行

<input>单输入(表单)[输入类型:文本单选框复选框复位提交文件传输]<form>的子集

示例代码 [www.mb5u.com]

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 _fcksavedurl="url" 连接的网页地址

<li>双表示一个列表中定义一个表单项,用于<dir><ol><ul>标签中

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

示例代码 [www.mb5u.com]

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

<media>单媒体

示例代码 [www.mb5u.com]

align=left right center middle top bottom 对象相对四周文本的对齐方式
data=url 对象所引用的地址
height=number 对象高度,以像素为单位
width=number 对象宽度,以像素为单位
hspace=number 在对象两边各留出的空格,以像素为单位
vspace=number 在对象上下各留出的空格,以像素为单位
type=audio video 对象类型(音频和视频)
loop=number 循环播放次数

<nobr>双禁止换行

<object>双插件

示例代码 [www.mb5u.com]

classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8

<ol>双定义有序列表的起始,由表单项<li>组成

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

示例代码 [www.mb5u.com]

checked 初始选中值
value=text 初始值

<p> 单换行,但有多余空行

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

<script>双脚本

示例代码 [www.mb5u.com]

type=text 脚本语言类型,如"VBScript"

<select>双定义一个下拉列表和滚动列表

示例代码 [www.mb5u.com]

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

<sub>双下标

<sup>双上标

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

示例代码 [www.mb5u.com]

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

<td>双定义一个单元格

示例代码 [www.mb5u.com]

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

<marquee>

示例代码 [www.mb5u.com]

loop=0时为静态,1时为动态

<marquee>当为静态时,内部可用<font>和<nobr>

示例代码 [www.mb5u.com]

scrolldelay=number 单击空白条区,每次滚动距离,单位像素
scrollamount=number 单击方向键,每次滚动距离,单位像素

<marquee>当为动态时,内部不能再修饰(包括<nobr>)

示例代码 [www.mb5u.com]

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代替
属性值中双引号可镶入单引号