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

【 tulaoshi.com - Web开发 】

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

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

　　Note：双与单分别表示标签是成对出现，还是单个出现，成对出现需要关闭，如：双表示a/a、单表示：img src=...。

a双 定义一个链接

   name=text 本网页内目标名称(书签),可为数字或文本
   href=url 指定目标地址
   tabindex=number 指定该链接在当前文件的Tab键次序中的位置 0-32767之间
   charset=charset 指定目标文件的字符编码形式
   例:A href="link.html"IMG Sre="Pixoe.gif"/A
      A href="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=left right center 标题对齐方式

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

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

   size=number 文件大小

img单 在页面上放一幅图

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

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

td双 定义一个单元格

   align=left right center 文本相对与单元个的对器方式
   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代替
属性值中双引号可镶入单引号