XHTML入门学习教程:XHTML标签
互联网 发布时间：2008-10-17 18:56:52 作者：佚名 
我要评论
我要评论XHTML标签简介
也许你在上一节就注意到了，XHTML文件与普通的纯文本文件的最大不同在于一些用“<>”包含的东西，例如<body>。我们把他们叫做标签。通常情况下XHTML标签都是成对出现的，例如<html></html>。可以看到它们只相差一个&ldqu
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 />。这也正是我们添加空格的原因。（我至今没有遇到不兼容的浏览器）
也许你在上一节就注意到了，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 />。这也正是我们添加空格的原因。（我至今没有遇到不兼容的浏览器）
相关文章
文章介绍了HTML中img标签的使用,包括src属性（指定图片路径）、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等，本文主要给大家介绍HTML img标签和超链2025-06-20- HTML meta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引，本文给大家介绍HTML中meta2025-06-20
input 标签主要用于接收用户的输入，随 type 属性值的不同，变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTML input 标签，感兴趣的朋友一起看看吧2025-06-20
这篇文章主要介绍了html 滚动条滚动过快会留下边框线的解决方案,解决方法很简单，可以将 dialog 单独拿出来别放在 transform 的子元素里,需要的朋友可以参考下2025-06-09- 本文将介绍如何使用<img>标签在 HTML 中添加图片，并展示一些常见的用法和技巧,通过本文的介绍，应该掌握了在 HTML 中添加和调整图片的基础知识，感兴趣的朋友一起看2025-05-16
- HTML表格用于在网页上展示数据,通过标签及其相关标签来创建,表格由行和列组成,每一行包含一个或多个单元格,单元格可以包含文本、图像、链接等元素,本文将详细介绍HTML表格2025-03-12
- 本文介绍了三种禁止HTML页面滚动的方法：通过CSS的overflow属性、使用JavaScript的滚动事件监听器以及使用CSS的position:fixed属性,每种方法都有其适用场景和优缺点，感兴2025-02-24
在 Web 开发中，文本的视觉效果是提升用户体验的重要因素之一,通过 CSS 技巧，我们可以创造出许多独特的效果，例如文字镂空效果,本文将带你一步一步实现一个简单的文字镂空2024-11-17
在Html中,a标签默认的超链接样式是蓝色字体配下划线,这可能不满足所有设计需求,如需去除这些默认样式,可以通过CSS来实现,本文给大家介绍Html去除a标签的默认样式的操作代码2024-09-25- 在HTML中,可以通过设置CSS的resize属性为none,来禁止用户手动拖动文本域（textarea）的大小,这种方法简单有效,适用于大多数现代浏览器,但需要在老旧浏览器中进行测试以确保2024-09-25
最新评论