xhtml和html的概念与区别


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

  xhtml呢?X代表“扩展的”,xhtml就是升级版的html语言,他比html更加严谨纯净,学名叫做扩展超文本链接语言(EXtensible HyperText Markup Language)。它是一个W3C标准,用它制作的网页能让更多的浏览器正确的接受并准确显示出来,而且xhtml把许多样式的体现方式交给了CSS,真正做到了结构与样式的分离。人们开发xhtml的目的就是要逐步取代老一代的html语言。

  
xhtml和html的主要区别


  XHTML元素必须被正确地嵌套。
  XHTML元素必须被关闭。
标签名必须用小写字母。
XHTML文档必须拥有根元素。

拿例子来解释一下:

1.不正确的嵌套
  
<p><strong>一个段落中的粗体字</p></strong>


  正确的嵌套应该是这样
  
<p><strong>一个段落中的粗体字</strong></p>


  2.注意标签关闭状态
  

  <p><strong>一个段落中的粗体字
  一段文字 <br>
  一条横线 <hr>
  一张图片 <img src="images.gif" alt="images">
  


  正确的关闭应该是这样,连空标签也需要用“/”来关闭
  

  <p><strong>一个段落中的粗体字</strong></p>
  一段文字 <br / >
  一条横线 <hr / >
  一张图片 <img src="images.gif" alt="images" / >
  


  3.错误的大写字母
  

  <BODY><P>一段话</P>lt;/BODY>
  


  正确的应该用小写字母书写,如下:
  

  <body>一段话</p></body>
  


  4.所有的标签和元素都应该嵌套在<html>根元素中,其中的子元素也必须是成对的嵌套在父元素中。
  

  <html>
  <head> ... </head>
  <body> ... </body>
  </html>
  

  
xhtml的学习基础


  xhtml的学习并不需要很高的基础,如果你已经熟悉html,你甚至可以不用在特别学习xhtml语言,如果你是新手,也完全不用先学习html作为基础,相反,我推荐你跳过html直接学习xhtml语言和css。光看教程和例子是不够的,关键还是要自己多做才能多得。

  第一次看这些专业术语可能会有些枯燥、难以理解,不用着急,以后我们将对它们仔细剖析

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

  xhtml呢?X代表“扩展的”,xhtml就是升级版的html语言,他比html更加严谨纯净,学名叫做扩展超文本链接语言(EXtensible HyperText Markup Language)。它是一个W3C标准,用它制作的网页能让更多的浏览器正确的接受并准确显示出来,而且xhtml把许多样式的体现方式交给了CSS,真正做到了结构与样式的分离。人们开发xhtml的目的就是要逐步取代老一代的html语言。

  
xhtml和html的主要区别


  XHTML元素必须被正确地嵌套。
  XHTML元素必须被关闭。
标签名必须用小写字母。
XHTML文档必须拥有根元素。

拿例子来解释一下:

1.不正确的嵌套
  
<p><strong>一个段落中的粗体字</p></strong>


  正确的嵌套应该是这样
  
<p><strong>一个段落中的粗体字</strong></p>


  2.注意标签关闭状态
  

  <p><strong>一个段落中的粗体字
  一段文字 <br>
  一条横线 <hr>
  一张图片 <img src="images.gif" alt="images">
  


  正确的关闭应该是这样,连空标签也需要用“/”来关闭
  

  <p><strong>一个段落中的粗体字</strong></p>
  一段文字 <br / >
  一条横线 <hr / >
  一张图片 <img src="images.gif" alt="images" / >
  


  3.错误的大写字母
  

  <BODY><P>一段话</P>lt;/BODY>
  


  正确的应该用小写字母书写,如下:
  

  <body>一段话</p></body>
  


  4.所有的标签和元素都应该嵌套在<html>根元素中,其中的子元素也必须是成对的嵌套在父元素中。
  

  <html>
  <head> ... </head>
  <body> ... </body>
  </html>
  

  
xhtml的学习基础


  xhtml的学习并不需要很高的基础,如果你已经熟悉html,你甚至可以不用在特别学习xhtml语言,如果你是新手,也完全不用先学习html作为基础,相反,我推荐你跳过html直接学习xhtml语言和css。光看教程和例子是不够的,关键还是要自己多做才能多得。

  第一次看这些专业术语可能会有些枯燥、难以理解,不用着急,以后我们将对它们仔细剖析


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3