xhtml标签（xhtml与html标签的写法有哪些不同）

本文目录

• xhtml与html标签的写法有哪些不同
• 什么是xhtml
• 什么是H1、H2和H3标签
• CSS选择符详解

xhtml与html标签的写法有哪些不同

XHTML全名是“可扩展超文本置标语言”（eXtensible HyperText Markup Language），要说它和HTML（HyperText Markup Language）的区别就要从开始说起。
当初基于HTML衍生出XML，因为XML拥有更加严谨的语法以及更好的语义环境，所以当年W3C的老大们纷纷认为HTML没用了，用XML更好。但是当时的环境直接让WEB跃进到XML实在有些不现实，毕竟当时还有许多书写不严谨的网页，而且应用于网页环境显然HTML更加有优势。于是讨论的结果是XML是未来的趋势，但是需要一个过程慢慢摸索实现的途径，所以就有了XHTML，这是一个作为HTML到XML过渡过程的一个产物。
XHTML是在HTML的基础上向XML过渡的东西，和HTML最大的区别就在于它更严谨而且语义化更强。比如XHTML规定所有标记都必须小写，因为XML需要区分大小写，而HTML不这么要求；XHTML要求标签必须闭合，不允许开放标签存在（比如“《p》第一段《p》第二段”这样的写法在XHTML里是错误的，但是HTML允许它的存在）。

什么是xhtml

分类: 电脑/网络 》》 程序设计 》》 其他编程语言
问题描述:

什么是x，他比的区别是什么？

解析:

XHTML是具有延伸性的超文本标记语言

出现XHTML目的就是要替代HTML

XHTML和HTML4.01几乎相同
XHTML是更严密代码更整洁的HTML版本

XHTML的定义形同将HTML视为XML(从代码的结构上)

XHTML是W3C的推荐标准

XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven pemberton回答的关于XHTML的常见基础问题。

问：什么是XHTML?

答：XHTML是一种为适应XML而重新改造的HTML。当XML越来越成为一种趋势，就出现了这样一个问题：如果我们有了XML，我们是否依然需要HTML?为了回答这个问题，1998年5月我们在旧金山开了两天的工作会议，会议的结论是：需要。我们依然需要使用HTML。因为大量的人们已经习惯使用HTML来作为他们的设计语言，而且，已经有数以百万计的页面是采用HTML编写的。

问：为什么XHTML 1.0相对HTML 4.0独立发展?

答：并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基础上的延续。

问：XHTML 1.0如何实现XML标准?

答：XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)，他们只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。

问：XHTML 1.0最主要的优势是什么?

答：XML是web发展的趋势，所以人们急切的希望加入XML的潮流中。使用XHTML 1.0，只要你小心遵守一些简单规则，就可以设计出既适合XML系统，又适合当前大部分HTML浏览器的页面。这个意思就是说，你可以立刻设计使用 XML，而不需要等到人们都使用支持XML的浏览器。这个指导方针可以使web平滑的过渡到XML。

另一个使用XHTML的优势是：它非常严密。当前网络上的HTML的糟糕情况让人震惊，早期的浏览器接受私有的HTML标签，所以人们在页面设计完毕后必须使用各种浏览器来检测页面，看是否兼容，往往会有许多莫名其妙的差异，人们不得不修改设计以便适应不同的浏览器。

用XML我们可以重新建立制度，浏览器制造商联合采用"严格的错误防御标准"，如果XML代码不兼容，浏览器拒绝显示页面，这样设计工作在发布前必须修正每一个错误。

问：用XHTML，网页设计师会遇到和HTML一样的浏览器兼容性问题吗?

答：希望不会。"严格的错误防御标准"将帮助浏览器对代码作出相同的响应，XML的namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。现在我们所需要得到保证的就是：所有浏览器开发商一致并且完全遵守我们制定的CSS。写信给你的浏览器制造商，告诉你需要的CSS规范，你甚至可以检测浏览器是否听从你的设计。

问：学习XHTML是否很困难?

答：一点也不！

问：谁可以采用XHTML 1.0设计?

答：因为XHTML非常简单易于实现，所以任何会用HTML的人都可以容易地使用XHTML。当使用XML浏览器的人们越来越多，更多的工作会被建议使用XML，那时侯也许都将使用XHTML。

问：什么时候XHTML网站会普及?

答：好问题。我已经看到一些使用XHTML建立的网站，甚至在XHTML 1.0发布以前。我相信它将会有一个大发展，因为它太容易了。

问：我们如何将现有的HTMl转换为XHTML?

答：非常简单，因为它们非常相似。在W3C(w3c)网站上有一个开放原代码(open-source)的软件叫HTML Tidy，可以帮助你直接转换。

问：XHTML未来会怎样？

答：XHTML1.0仅仅是这个新HTML语言的第一步。新版本将没有向下兼容老浏览器的约束，可以有更多的发展空间。

首先，我们将进行一次彻底的清理，删除HTML 4.0中不兼容的元素。

其次，我们将XHTML模块化，允许人们在XML应用中使用XHTML模块(比如表格)，减少重复开发。同时也允许开发特别用途的设计，比如电话应用，只要属于XHTML的子集就可以保持兼容，人们可以创造他们自己的HTML。

最后，在解决需求方面，我们将开发更多的表单(Forms)功能，允许在客户端执行更多的检测，减少客户机--服务器之间的网络信息传输。总之，更多令人兴奋的功能将会被实现。

什么是H1、H2和H3标签

heading是h1，h3，h3，h4，h5，h6这六个Xhtml标签的统称，既标题的意思

六个标签的权重由大到小，既h1为大标题，h6为最小的标题

h1—大标题，放置于首页顶部区域，通常即导航以上的部分，全站通用，用来诠释整个网站的内容，应包含网站主关键字，但切忌不要进行关键字堆砌

最好是在网页源代码的body标签一开始的第一个容器中第一行出现

且保证一个页面中只出现一次

h3—副标题，每个页面出现的次数以1-3次为宜

首页：同h1，放置于主头部区域，于h1的下方，全站调用，同样用于概括整站的内容

或者在头部通用区域的下方，首页内容的开头或者中间部分使用一次，用于诠释首页的内容

子频道页：无论顶部区域是否出现过一次h3，可结合实际情况在头部通用区域的下方，页面内容的开头部分使用一次，用于诠释频道页面的内容

（以上2种方法可以任选其一，也可以同时并存）文章/产品内页：文章的标题使用h3标签

按以上方法，h3标签最多会被使用到3次，但是请少使用1次

据以往经验来看，文章/产品内页使用h3标签效果显著

h3—小标题，个人爱用于小栏目的名称

CSS选择符详解

一、类型选择符
什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div,p,span都是。
如下：
body {}
div {}
p {}
span {}
二、群组选择符
对于XHMTL对象，可以对一组同时进行了相同的样式指派。
使用逗号对选择符进行了分隔，这样书写的优点在于同样的样式只需要书写一次即可，减少代码量，改善CSS代码结构。
使用时应该注意"逗号"是在半角模式下，并非中文全角模式。
如下：
h1,h3,h6,p,span
{
font-size:12px;
color:#FF0000;
font-family: arial;
}
三、包含选择符
对某对象中的子对象进行样式指点定，这样选择方式就发挥了作用。
需要注意的是，仅对此对象的子对象标签有效，对于其它单独存在或位于此对象以外的子对象，不应用此样式设置。
这样做的优点在于，帮我们避免过多的id、class设置，直接对所需的元素进行定义。
如下：
h3 span
{
color:red;
}
如下：
body h1 span strong
{
font-weight:bold;
}
四、id选择符
根据DOM文档对象模型原理所出现的选择符，对于一个XHTML文件，其中的每一个标签都可以使用一个id=""的形式进行一个名称指派，但需要注意，在一个XHTML文件中id是具有唯一性而不可以重复的。
在div css布局的网页中，可以针对不同的用途进行命名，如头部为header、底部为footer。
XHTML如下：
div id="content"/div
CSS如下：
#content
{
font-size:14px;
line-height:120%;
}
五、class选择符
其实id是对于XHTML标签的扩展，而class是对SHTML多个标签的一种组合，class直译的意思是类或类别。
对于XHTML标签使用class=""进行名称指派。与id不同，class可以重复使用，对于多个样式相同的元素，可以直接定义为一个class。
使用class的优点已不言自明，它对CSS代码重用性有良好的体现，众多的标签均可以使用一个样式来定义而不需要每一个编写一个样式代码。
XHTML如下：
p class="he"/p
span class="he"/span
h5 class="he"/h5
CSS如下：
.he
{
margin:10px;
background-color:red;
}
六、标签指定式的选择符
如果想同时使用id和class，也想同时使用标签选择符，可以使用如下的方式：
h1#content {}
/*表示所有id为content的h1标签*/
h1.p1 {}
/*表示所有class为p1的h1标签*/
标签指定式选择符的精度介于标签选择符及id/class选择符之间，是常用的选择符之一。
七、组合选择符
对于上面的所有选择符而言，进行组合使用。如下：
h1 .p1 {}
/*表示h1下的所有class为p1的标签*/
#content h1 {}
表示id为content的标签下的所有h1标签
h1 .p1,#content h1 {}
/*表示h1下的所有class为p1的标签以及id为content的标签下的所有h1标签*/
h1#content h3{}
/*id为content的h1标签下的h3标签*/
CSS选择符是非常自由与灵活的，可以根据页面的需要，使用各种选择符，尽量结构化与优化CSS文件.