站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
从HTML到XHTML
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==如何编写XHTML代码== 以下是一份XHTML主要要求速查表,其中也列出XHTML与HTML的不同之处。注意:这不是完整XHTML语言参照,[http://www.w3.org/TR/xhtml1/ 详细信息请查看这里]。 考虑到清晰度问题,以下示例省略了若干代码。 '''所有标签、属性以及值都必须使用小写字母''' 正确用法: <a href="www.kilroyjames.co.uk" > 错误用法: <A HREF="www.kilroyjames.co.uk" > '''所有属性值都必须放在引号内''' 正确用法: <a href="www.kilroyjames.co.uk" > 错误用法: <a href=www.kilroyjames.co.uk > '''所有标签都必须进行适当嵌套''' 正确用法: < em>this emphasis just keeps getting < strong>stronger and stronger</strong></em> 错误用法: < em>this emphasis just keeps getting < strong>stronger and stronger</em></strong> '''所有XHTML文件都必须带有DOCTYPE定义''' DOCTYPE是一个必须显示在每个XHTML文件起始处的强制代码段,DOCTYPE通知浏览器如何翻译文档。 DOCTYPE标签的规则: *DOCTYPE标签必须是文档中的第一个标签 *DOCTYPE标签不是XHTML文件的一部分,不必为该[[标签]]添加结束斜线 *DOCTYPE应指向一个名为DTD、具有有效定义的文件,该文件可通知浏览器如何读取文档 *正确写入DOCTYPE标签,否则文档将被引爆*(文档被分裂成一小块一小块被叫做“tag soup”的HTML代码)并失效。 这不是开玩笑,有效的XHTML文件包括三种:Strict(严格类型), Transitional(过渡类型), Frameset(框架类型)。文件可以被验证为“strict”,但“strict”类型中不允许出现一些老式标签和属性,这时可以使用“Transitional”类型。 注意:用WordPress验证"Strict"类型时可能会出错,因为从2.6.2版本起,一些内部生成的<form>元素仍然使用"name"属性,如<input name="my_button" /> ,而在Strict DTD中这是不被允许的。 还有一点需要注意,Transitional DTD会让大多数浏览器脱离“标准”模式。浏览器不在标准模式下时,需要花费更多精力来使网站在不同[[浏览器]]上保持一致显示。由于DOCTYPE标签的细节知识更为复杂深奥,这里不做多余解释,你只需要记住,应该用下面任一种代码,最好是前一种(Strict类型)来达到最佳效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> '''HTML标签必须包含XMLNS属性''' 用户无需了解"XML namespace"属性,只需要知道在所有XHTML文件中该属性都必须出现。如何编写该属性: <html xmlns="http://www.w3.org/1999/xhtml"> 文件应由HTML,HEAD, TITLE与BODY标签以适当方式组成 在HTML中即使不用以上标签也可以编写网页,但在XHTML中则无法实现。XHTML必须包含以上标签,并且标签应以适当方式嵌套排列,如下所示(忽略DOCTYPE): <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> < p> See how the TITLE must be placed in the document HEAD – the TITLE is considered to be a "required child" element of the HEAD. Notice that the HEAD must also appear before the document BODY. Notice also how both the HEAD and the BODY must be contained within the HTML tag. Again, HEAD and BODY are "required child" elements of the HTML tag. Finally, notice that this text is written within a < p>paragraph< /p> tag; in XHTML you may not write text directly in the BODY tag without using a suitable container tag, such as < p> or < div>. </p> </body> </html> '''所有标签都应闭合,包括单个标签''' < p>Mary had a little lamb < p>It's fleece was white as snow 以上代码省略了结尾的</p>标签,是无效XHTML代码。以下是正确代码形式: < p>Mary had a little lamb</p> < p>It's fleece was white as snow</p> 在XHTML中即使单个标签也应闭合——任何标签都不例外。 < p> Mary had a little lamb < br> It's fleece was white as snow </p> < br>标签未闭合,因此以上代码也是错误的。要闭合类似< br> 以及< hr>等单个标签,只需要在后括号前添加一条左斜线,如:< br />以及< hr />(可空格)。更正以上代码: < p> Mary had a little lamb < br/> It's fleece was white as snow </p> 这样就是正确的XHTML代码了。 '''不允许属性简写''' 在HTML中属性可以连串表示,如<dl compact>,感觉像是关键字,这被称为属性简写(attribute minimisation)。在XHTML中这是不被允许的,必须明确表示属性和值,如: < dl compact="compact"> '''ID与NAME属性''' HTML中允许交替使用ID和NAME属性。XHTML废除了NAME属性。因此任何情况下需要使用NAME属性时都要用ID属性来替代,如: 正确的HTML代码形式: < input type="submit" name="s" value=" Search " > 正确的XHTML代码形式: < input type="submit" id="s" value=" Search " /> '''在HEAD中声明STYLE''' XHTML不允许在文件正文中声明STYLE,所有STYLE声明都应该在文件的HEAD中完成。 '''实体引用''' 将所有&的文字标记写为&,否则XHTML会将其视为实体引用的一部分,如 ® 是符号®的实体引用。因此M&S是无效的XHTML代码,因为&S不是实体引用,必须写成:M&S。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)