当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > XHTML入门学习教程:XHTML标签

HTML/XHTML教程
ie7打开页面有源文件但页面空白问题的解决方法
firefox支持webdings字体的方法
HTML 相对路径和绝对路径区别分析
ie6 失真问题
关闭IE启用图片工具列
HTML5 Canvas 起步(1) - 基本概念
网页表单元素Input的高级用法11例
漂亮样式表在XHTML+CSS网页制作中的应用
html ReadOnly 和 Enabled 区别
如何正确地在XHTML文档中使用JavaScript和CSS
IE6 为什么最多人使用
给网站添加 favicon的技巧 网址前面的小图标
什么是 WML?
WML 标签汇总
HTML相对路径 上级目录及下级目录的写法
html 自定义标签使用实现方法
Firefox下英文字母不换行的解决方案
HTML 文本转义小窍门
设置IE8使用IE7的样式的代码
HTML 标记一定不要忘记关闭

HTML/XHTML教程 中的 XHTML入门学习教程:XHTML标签


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 77 ::
收藏到网摘: n/a

XHTML标签简介
也许你在上一节就注意到了,XHTML文件与普通的纯文本文件的最大不同在于一些用“<>”包含的东西,例如<body>。我们把他们叫做标签。通常情况下XHTML标签都是成对出现的,例如<html></html>。可以看到它们只相差一个“/”,我们把类似<html>的没有“/”的标签叫做起始标签,而它对应的有“/”的</html>则叫终止标签,终止标签与起始标签只相差一个"/"符号。当然了,XHTML也有一些标签并不成对出现,它们没有终止标签,我们把这样的标签叫做“空标签”。空标签的内容在稍后的教程中将会提到。 关于大小写
以前各个版本HTML标签并不区分大小写,例如标签<HTML>和标签<html>是等效的。而在XHTML中,所有标签均使用小写。为了使自己的网站能够符合XHTML标准,您应该养成良好的习惯,在制作网页的过程中所有标签一律使用小写。 XHTML标签的作用(元素)
打开上一节教程中保存的html文件。将第六行的“这是我的第一个网页。”改为“这是我的第一个<b>网页</b>。”,然后保存修改后再次浏览网页。你会发现网页两个字变成了粗体显示,效果如下:
  这是我的第一个网页
区别很明显,网页两个字由于被“包”在了标签<b></b>中而变成了粗体。<b>标签的意思就是粗体显示,而它只会影响到被它包含的内容。这就是XHTML标签的作用方式。我们把被标签“包住”的内容叫做元素。本例中“网页”两个字就是<b>标签的元素。 标签的属性
<hr size="1">
我们可以为XHTML标签设置一些属性。请你注意上面的水平线,原本它的代码是:<hr />。在XHTML中<hr>标签就是一条水平分割线,我们可以为这条分割线添加一个属性“size”(即分割线的大小),他的属性值为1。那么它的完整代码就是:
<hr size="1" />
类似的,为其他XHTML标签添加属性的方法也是在标签的起始标签中加入:属性=“属性值”。需要注意的是,属性值必须使用引号“括”起来。单引号或者双引号都可以,但是双引号比较常用。
添加属性的格式: <起始标签 属性="属性值">  实例->  <table border="none">
注意:普通的XHTML文件有两个等级标准(不算框架标准)——过渡标准和严格标准,其中过渡标准主要针对那些习惯于使用HTML开发网站的站长。上面的代码在过渡标准中是合法的,可是在严格标准中,size属性将被视为非法属性。XHTML不仅是更加标准更加严格的HTML,他还推崇一种构建网站的思路。那就是把网页的内容与样式分开,这在XHTML中是通过CSS来实现的。因此我们推荐您使用严格标准的XHTML,把定义样式的任务完全交给CSS。(关于XHTML标准的问题将在后面的教程中介绍) 空标签
也许你已经注意到了,这里我们没有把分割线标签写成对称的<hr></hr>,而是写成<hr />。其实这正是我们在前面教程中提到的不成对出现的标签,他只有起始标签<hr>却没有终止标签</hr>。由于它没有元素,所以我们把这样的标签叫做空标签。那么我们为什么要写成<hr />而不是简简单单地写成<hr>呢?这样的书写格式是为了满足XHTML中任何标签都需要“关闭”的规则。我们把在起始标签的最后添加"/"的方法叫做标签的自闭(或者自关闭、自终止等等,你喜欢怎么叫都行)。
所有空标签的使用方法的自闭方法都是一致的,就是在起始标签的“>”符号前加上一个空格和一个反斜杠“/”。空格不是必须的,但是个别的浏览器却无法识别<hr/>,只能识别<hr />。这也正是我们添加空格的原因。(我至今没有遇到不兼容的浏览器)