学习网页设计时要注意HTML向XHTML转化

2016-02-19 20:33 1 1 收藏

今天图老师小编给大家展示的是学习网页设计时要注意HTML向XHTML转化,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - Web开发 】

W3C将XHTML代替HTML4作为网页的结构标准语言已经四年多了,但是大部分的网站设计人员却没有转向XHTML。XHTML拥有比HTML标准更多的优点,而网站设计人员只要做出稍微的代码改变就能应用新的标准,鉴于这一点以上这种现象就着实令人困惑不解了。
 
XHTML的优点

本质上,XHTML作为XML应用程序只是HTML4的重新诠释。它采用HTML的编程语言和XML的语法结构。它是网站向XML过渡的第一步。
根据W3C概括,XHTML的主要优点是:

可扩展性:作为XML的应用程序,XHTML具有可扩展性。相比于HTML的转换进程,它的强大的扩展能力将为未来语言的转化简化了不少。大部分浏览器都已经与XML相适应,所以添加一些语言因素只不过是改变一下文件类型的定义和名字空间,也就没必要非要等待浏览器开发者对新因素提供支持。

互用性和可携带性:一个构建正确的XHTML文件可以在各种各样的演示设备上重新格式化使用,包括手机,PDA和其它的一些手持设备。一个XHTML文件和其它的XML工具和应用程序也是兼容的。

对于将来的网络,这是两个具有重大应用功能的宝贵优点。但是大部分网站构建者并不这样看待。所以他们该清醒地认识到这一点了,这就是我对XHTML的优点高于HTML的评论。

推广标准化:XHTML对所使用的标识标签制订严格的规则,从而解决了困扰HTML代码的模糊性和相互矛盾的问题。

提高访问量:XHTML文件更便于访问,这也就意味着它们能更好地配合屏幕阅读机和其它适应性技术的工作,也就意味着它们更能得到搜索引擎的青睐。

优化压缩网页:XHTML继续保持HTML4的内容与表现层分离的运作。XHTML标识指定文件结构。表现语言是采用CSS布局,这便于网站的构建和维护。

加强实例站点:许多力荐的HTML实例站点在XHTML都是要求的。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

提高更多工具的可用性:既然XHTML是XML的一种应用程序,使用任何流行的XML工具就可以来构建,维护,改变Web文件,在XHTML文件上使用其它XML的应用程序(比如SVG),也可以使用XML工具来应用其它操作,比如转换一个XHTML文件成为一个PDF文件。

代码的实际差异

比起HTML4,XHTML的语法规则更为严格。然而,它们之间差异不大,也不难理解。如果你能清晰地编写HTML代码,那么过渡到XHTML就比较容易了。

下列列表是HTML和XHTML之间主要的代码差异:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

任何XHTML文档都建议使用XML处理指令(XML prolog), 但不是必要条件.

?xml version="1.0" encoding="iso-8859-1"? HTML要求宣告文件类型

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
HTML要求指定名字空间
html
Html, head, body, and title elements are required:
要求HTML,开头,内容,标题这些要素
html

   head
        titlePage Title/title
    /head
    body

    /body
/html
标签和属性必须小写
p class="bodytxt"
所有属性值必须加引号
font-size="large"
非空标签必须以一个关闭标签关闭
ptext/p
空标签(比如hr,br,img)也要关闭,在标签尾部使用一个正斜杠“/”来关闭
br /
各要素不得重叠,必须各得其所:
emstrongtext/strong/em
以上不是HTML和XHTML的所有差异,但涵盖了大部分的普遍差异。在以后的专栏里,我会就正确的XHTML代码做更详尽的解释。
你还等什么?

既然XHTML有如此多的优点,就没有理由不使用它了。HTML和XHTML的代码差异不应该成为使用的障碍。首先,相对来说,它们是少量的,而且容易学会。其次,新版的流行的Web开发软件,比如说Dreamweaver MX,都至少具有基本XHTML的支持,也就意味着比起HTML, XHTML很可能就不会过多地要求手动编码.

当然,用XHTML标准来重新编写现有网页将会是一件耗时冗长的麻烦事。这样做也不可能会给网络浏览者带来翻天覆地的改善。但是没有原因不使用XHTML来编写新的网页。XHTML是通往未来网页的途径,程序设计也亦然。

来源:https://www.tulaoshi.com/n/20160219/1623991.html

延伸阅读
一、Margin(框距)padding(边框距) margin属性设置顺序:上右下左 padding属性设置顺序:上右下左 margin:25px 0 25px 0; 简写:margin:25px 0; 二、Display显示属性设置 (1)、Display属性none (隐藏) .alt {display:none;} <span class=”alt”Content List Part</span (2)、Display属性block (块/区域) Img {displ...
书房面积 在设计装修书房时,书房的面积大小很重要,因为直接会影响到我们在书房学习的舒适问题。一般来说,住宅中的书房在10-20平方米为宜。在风水学上,最忌的就是大而无当、华而不实。有的人家房子面积大,书房也要大的。其实除却藏书和学习、工作的需要外,太大的空间,无法做到风水中讲究的“聚气”。 书房位置 最好是...
标签: Web开发
原文:http://jorux.com/archives/layout-1-if-you-love-css/ 从本篇开始讲述如何用css实现网页的布局,即如何用css控制网页内各个元素的显示位置。如果你是一个初学者,很可能觉得做一个网页的第一步就是布局。其实不然,css网页的设计过程可以参考分为以下几步: 平面设计页面切割布局细节控制 平面设计是一个网页的精髓所在,读者直...
原文链接:http://jorux.com/archives/what-is-semantics/ Semantics可翻译为语义的(学),它是Html/Xhtml是否真正符合标准的重要一环。Jorux在这和大家讨论一些自己的观点,如有不妥之处,还请各位网友指正。在西方,为什么这么多人如此重视网页的Semantics,也许你会说,西方比较守规矩,重视标准,但我想说的是,在这些表象的背后有着 一只...
效果图 1、 打开photoshop,新建空白文档,文档大小为800*1200; 2、 打开素材图片1,按Ctrl+Alt+T调整大小为800*1200; 3、 给背景填加烧坏效果。设置前景色为黑色。选择渐变工具选择的前景色到透明,混合模式为软柔光与不透明度:30%。 4、 打开素材图片2,按Ctrl+Alt+T调整合适大小; 5、 打开素材图片3,按Ctrl+Alt+T调...

经验教程

315

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部