WordPress:HTML to XHTML

来自站长百科
跳转至: 导航、​ 搜索

以前,所有的网页都是使用HTML标签设计编写的。然后CSS把表达形式从HTML标签升级为样式表,扩展了网页的视觉效果。HTML现在升级成为XHTML,一个更加成熟稳定的版本,随之一些新的有关网页中标签的使用方法和想法出现了。

使用者设计他们自己的主题,更改他们的主题,或者是准备HTML网页以把内容加入 WordPress。因为大多数的WordPress 主题是基于XHTML之上而不是HTML,所以对于使用者来说,理解HTMLh和XHTML之间用途的不同是很重要的。

XHTML是什么?[ ]

XHTML (eXtensible HyperText Markup Language 可扩展超文本标记语言),与HTML非常相似。它是HTML的继任者。在XHTML中,“可扩展”意味着它扩展了HTML标签的功能和性能。基本上,XHTML 要比 HTML“好”。

XHTML和HTML的不同之处[ ]

如果你熟悉HTML,你就会发现,其实HTML的大多数内容和XHTML是相关的。XHTML完善了HTML,消除了HTML形成的很多不好的惯例。

以下将对HTML和XHTML的不同点做一个基本的介绍

所有的标签必须闭合[ ]

XHTML要求使用闭合的标签。在HTML里,你可以使用<p>标签,并不要求你一定要闭合,你完全不用担心代码不合法。在XHTML里,这是错误的,你的代码将无法生效,举例来说,以下两个代码:

旧的HTML形式: <p>Mary had a little lamb.

<p>Its fleece was white as snow.

新的更好的 XHTML形式:

<p>Mary had a little lamb.</p>
<p>Its fleece was white as snow.</p>

XHTML闭合了这些标签,完善了HTML。闭合标签成为你“应该做的”。在XHTML里,你必须这么做。

自动闭合标签[ ]

XHTML 强调闭合所有的标签。比如换行或者图片等在HTML中没有闭合标签的一些标签,在XHTML中必须“自动闭合”。

现在要求自动闭合的HTML标签有:<br>, <hr>, <meta>, <link>, <input>, and <img>.

要转换这些标签为自动闭合标签,必须在这些标签的末尾加上空格或者斜线( />)

<br />

<hr />
<meta name="author" content="Your Name" />
<link rel="stylesheet" type="text/css" href="style.css" />
<input name="example" type="text" />
<img src="image.jpg" alt="image" />

图片必须有可替换文本[ ]

每一个XHTML中的图形标签都必须有一个alt属性,alt属性并不是有关图片的编辑说明性文字:

<img src="ball.jpg" alt="We played with a ball during recess" /> alt标签必须包含图片的一个描述。这样才达到了易用和网页标准:

<img src="ball.jpg" alt="large red ball" />

嵌套标签次序[ ]

嵌套标签必须按照顺序依次闭合。例如不正确的嵌套次序:

<strong><em><u>Mary had a little lamb.</strong></u></em>

正确的嵌套次序应该是:

<strong><em><u>Mary had a little lamb.</u></em></strong>

和闭合标签一样,正确嵌套标签的习惯亦存在于HTML,只不过在XHTML中更加严格而已。

标签必须是小写字母[ ]

在HTML中,你不论使用大写还是小写字母都可以,如<BR>。但在XHTML中,所有的标签必须使用小写,如<br />。下边是一个错误的使用大写的例子: <Strong><Em><u>Mary had a little lamb.</u></Em></Strong>

页面要求合法的XHTML文档格式[ ]

所有的页面开始处必须有一个<!DOCTYPE>标签定义本文档为XHTML 1.0 Strict

尽管你可能想使用新版本的XHTML 1.1,但该版本可能造成一些不必要的麻烦;特别是你在不改变IE现有兼容性的情况下,无法保持XHTML 1.1的标准兼容性。为了简便起见,最好还是用XHTML 1.0 Strict版本。

资源[ ]

This article is [[WordPress::Category:Copyedits|marked]] as in need of editing. You can help Codex by editing it.