美文网首页
xhtml和html的区别

xhtml和html的区别

作者: ___null | 来源:发表于2018-01-15 21:22 被阅读0次

HTML与XHTML之间的差别,粗略可以分为两大类比较:一个是功能上的差别,另外是书写习惯的差别。关于功能上的差别,主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页。

因为XHTML的语法较为严谨,所以如果你是习惯松散结构的HTML编写者,那需要特别注意XHTML的规则。但也不必太过担心,因为XHTML的规则并不太难。下面列出了几条容易犯的错误,供大家引用。

  1. 1

    所有标签都必须小写

    在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。看一个例子。

    错误:<Head></Head><Body></Body>

    正确:<head></head><body></body>

  2. 2

    标签必须成双成对

    像是<p>...</p>、<a>...</a>、<div>...</div>标签等,当出现一个标签时,必须要有对应的结束标签,缺一不可,就像在任何程序语言中的括号一样。

    错误:大家好<p>我是muki

    正确:<p>大家好</p><p>我是muki</p>

  3. 3

    标签顺序必须正确

    标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。

    错误:<div><h1>大家好</div></h1>

    正确:<div><h1>大家好</h1></div>

  4. 4

    所有属性都必须使用双引号

    在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。

    错误:<div style=font-size:11px>hello</div>

    正确:<div style="font-size:11px">hello</div

  5. 5

    不允许使用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>

相关文章

  • 【HTML】面试题 1

    1. XHTML 和 HTML区别 ? HTML 和bai XHTML 的区别简单来说,XHTML 可以认为是 X...

  • HTML 知识

    HTML、XML、XHTML 的区别 ** html,xhtml和xml的定义: **1、html即是超文本标记语...

  • 饥人谷学习之HTML知识篇

    HTML、XML、XHTML有什么区别 XHMTL与HTML的区别 XHTML 元素必须被正确地嵌套。 XHTML...

  • 前端面试集锦(一)

    1、HTML总结 1、html和xhtml的区别 xhtml元素必须被正确地嵌套 xhtml元素必须被关闭 xht...

  • html 标签小结

    HTML、XML、XHTML 有什么区别 html,xhtml和xml的定义: 1、html即是超文本标记语言(H...

  • HTML

    XHTML和HTML的区别 XHTML元素必须被正确的嵌套 XHTML元素必须被关闭 标签名必须小写 XHTML文...

  • xhtml和html的区别

    XML是可扩展标记语言,而HTML超文本标记语言。XML的可扩展性体现在那些方面呢?这里可扩展性是现对于HTML而...

  • xhtml和html的区别

    HTML与XHTML之间的差别,粗略可以分为两大类比较:一个是功能上的差别,另外是书写习惯的差别。关于功能上的差别...

  • xhtml和html的区别

    xhtml与html严格意义上其实没什么区别,xhtml1.0的开发实际上是作为html4.01与xml2.0的一...

  • HTML和XHTML的区别

    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小...

网友评论

      本文标题:xhtml和html的区别

      本文链接:https://www.haomeiwen.com/subject/gutjoxtx.html