站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:HTML to XHTML
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
以前,所有的网页都是使用[[Wordpress:Glossary#HTML|HTML]]标签设计编写的。然后[[Wordpress:Glossary#CSS|CSS]]把表达形式从HTML标签升级为样式表,扩展了网页的视觉效果。HTML现在升级成为[[Wordpress:Glossary#XHTML|XHTML]],一个更加成熟稳定的版本,随之一些新的有关网页中标签的使用方法和想法出现了。 使用者[[Wordpress:Theme Development|设计他们自己的主题]],更改他们的主题,或者是准备HTML网页以[[Wordpress:Importing Content|把内容加入 WordPress]]。因为大多数的[[Wordpress:Using Themes|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里,你可以使用<code><p></code>标签,并不要求你一定要闭合,你完全不用担心代码[[Wordpress:Validating a Website|不合法]]。在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标签有:<code><br></code>, <code><hr></code>, <code><meta></code>, <code><link></code>, <code><input></code>, and <code><img></code>. 要转换这些标签为自动闭合标签,必须在这些标签的末尾加上空格或者斜线( />) <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中的图形标签都必须有一个<code>alt</code>属性,<code>alt</code>属性并不是有关图片的编辑说明性文字: <img src="ball.jpg" alt="We played with a ball during recess" /> <code>alt</code>标签必须包含图片的一个描述。这样才达到了[[Wordpress:Accessibility|易用]]和网页标准: <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中,你不论使用大写还是小写字母都可以,如<code><BR></code>。但在XHTML中,所有的标签必须使用小写,如<code><br /></code>。下边是一个错误的使用大写的例子: <Strong><Em><u>Mary had a little lamb.</u></Em></Strong> ===页面要求合法的XHTML文档格式=== 所有的页面开始处必须有一个<code><!DOCTYPE></code>标签定义本文档为[http://webstandards.org/learn/templates/xhtml10s.html XHTML 1.0 Strict]。 尽管你可能想使用新版本的XHTML 1.1,但该版本可能造成一些不必要的麻烦;特别是你在不改变IE现有兼容性的情况下,无法保持XHTML 1.1的标准兼容性。为了简便起见,最好还是用XHTML 1.0 Strict版本。 ==资源== * [[Wordpress:Validating a Website|确认网页]] * [http://www.w3schools.com/xhtml/default.asp W3学校] * [http://www.faqs.org/docs/xml/ FAQs Org – 了解XHTML] * [http://www.codeproject.com/html/htmltoxhtml.asp 从HTML开始到XHTML] * [http://en.wikipedia.org/wiki/XHTML Wikipedia上的XHTML] {{Copyedit}}
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:Copyedit
(
编辑
)