HTML与XHTML的差别

HTML与XHTML之间的差别，粗略可以分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页。
因为XHTML的语法较为严谨，所以如果你是习惯松散结构的HTML编写者，那需要特别注意XHTML的规则。但也不必太过担心，因为XHTML的规则并不太难。下面列出了几条容易犯的错误，供大家引用。

操作方法

  • 01

    所有标签都必须小写 在XHTML中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。看一个例子。 错误：<Head></Head><Body></Body> 正确：<head></head><body></body>

  • 02

    标签必须成双成对 像是<p>...</p>、<a>...</a>、<div>...</div>标签等，当出现一个标签时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一样。 错误：大家好<p>我是muki 正确：<p>大家好</p><p>我是muki</p>

  • 03

    标签顺序必须正确 标签由外到内，一层层包覆着，所以假设你先写div后写h1，结尾就要先写h1后写div。只要记住一个原则“先进后出”，先弹出的标签要后结尾。 错误：<div><h1>大家好</div></h1> 正确：<div><h1>大家好</h1></div>

  • 04

    所有属性都必须使用双引号 在XHTML 1.0中规定连单引号也不能使用，所以全程都得用双引号。 错误：<div style=font-size:11px>hello</div> 正确：<div style="font-size:11px">hello</div

  • 05

    不允许使用target="_blank" 从XHTML 1.1开始全面禁止target属性，如果想要有开新窗口的功能，就必须改写为rel="external"，并搭配JavaScript实现此效果。 错误：<a href="http://blog.mukispace.com" target="_blank">MUKI space</a> 正确：<a href="http://blog.mukispace.com" rel="external">MUKI space</a>

赞 (0)

相关推荐

  • 硬盘水货与行货的差别

    其实水货硬盘是没有经过硬盘厂商正式授权的经销商进口或是私人由国外带回的产品，也有很大一部分是走私产品。正品是由硬盘厂商正式授权的代理商或原厂的分公司所进口的产品。虽然是同样的硬盘产品，它们之间主要有以 ...

  • 网页语言xhtml和html的概念与区别的详细介绍

    我们来介绍一下xhtml和html的概念与区别。html是超文本链接语言的缩写（HyperText Markup Language）。简单来说html是一种网页语言，我们用它做网页，而且它学习起来很简 ...

  • LED显示器与LCD显示器之间的差别

    　什么是LED？ LED是发光二极管LightEmittingDiode的英文缩写。 LED应用可分为两大类：一是LED单管应用，包括背光源LED，红外线LED等；另外就是LED显示屏，目前，中国在L ...

  • win7 旗航版和专业版之间有什么差别

    win7有很多版本，而在装win7系统的时候，通常我们都是选择装旗航版，那么对于win7专业版你肯定不了解。今天我们就简单来对比下两个版本之间的差别。 1 win7专业版的用途： Win7专业版面向爱 ...

  • iPhone5S各种型号之间的差别

    同一款手机不同的型号会给人带来很大的困扰.今天在这介绍下不同型号的差别.先来说一下非中国大陆行货版的情况: Model A1533 (GSM):美版.最佳使用状况为中国联通3G网络. Model A1 ...

  • 三星a9高配和低配a9cpu有差别吗

    有差别,高配CPU:高通MSM8976 低配CPU(标准版):CPU(处理器):四核1.8GHz+四核1.4GHz. 除此之外,Galaxy A9高配版将运行内存从3GB增加到4GB,主摄像头像素从1 ...

  • 利用ps对肤色差别较大图片进行换脸的具体操作步骤

    利用ps对肤色差别较大图片进行换脸的具体操作步骤

    我们现在拍好图片都会进行修图,如果想要对肤色差别较大的图片进行修改,我们需要利用匹配颜色命令,具体ps的操作步骤是什么呢,接下来就跟小编一起来看一下吧?具体如下:1. 首先我们打开Photoshop ...

  • 只有设计师看得懂！菜鸟跟老鸟使用PS的差别

    小编:细节决定成败!一个小小的细节往往会决定你的工作效率,大神之所以叫大神,除了有过人的设计能力之外还有平时注意的细节.UI设计中,必备的软件就是PS!今天就来学习一下由优设网分享的只有设计师看得懂! ...

  • 优秀的设计师和伟大的设计师之间的差别

    要找到差别可能很困难.但是,根据相对论的理念,我们总能确定某个事物比另一个好,从而,我们可以从最好的里面选出更好的.即使人类没有固定的方法来评估某个事物的价值,人们经常会根据情感和来评估事物.显然,一 ...