xHTML与HTML标签的写法有哪些不同

   2015-08-25 0
核心提示:xHTML与HTML的写法有很多地方不同,比如所有标签都必须小写、标签必须成双成对、所有属性都必须使用双引号、不允许使用target=_blank等等,大家可以参考下
所有标签都必须小写

在XHTML中,所有的标签都必须小写,吐舌头不能大小写穿插其中,也不能全部都是大写。事例如下。
错误:<Head></Head><Body></Body>
正确:<head></head><body></body>

标签必须成双成对

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

总结:

标签顺序必须正确标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。
error:<div><h1>hello</div></h1>
正确:<div><h1>csdn</h1></div>

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

在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。
error:<div style=font-size:11px>csdn</div>
正确:<div style="font-size:11px">csdn</div

不允许使用target="_blank"

从XHTML1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel="external",并搭配JavaScript实现此效果。
error:<a href="http://blog.mukispace.com" target="_blank">csdn</a>
正确:<a href="http://blog.mukispace.com" rel="external">csdn</a>吐舌头
 
标签: XHTML HTML
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • HTML5和XHTML的区别
         既然被问到了HTML5和XHTML的区别,那我就在这里给大家分享一些我个人的理解,同时我也觉得从他们的来源上讲,他们藏着一个有趣的故事。     首先认识三个组织,IETF (Internet Engineering Task Force)  互联网工程任务组,W3C (World Wide Web C
    03-08
  • html和xhtml有哪些区别
    今天小编给大家分享的是html和xhtml有哪些区别,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。HTML超文本标记语言,是一种基于标记的网页设计语言,专门用来设计和编辑网页。XHTML是为了适应XML
    02-08 htmlxhtml
  • 详解XHTML中的标题标签与段落标签的使用
    这篇文章主要介绍了XHTML中的标题标签与段落标签的使用,这些标签在语法和作用上与普通HTML版本中的标签基本上相同,需要的朋友可以参考下
  • 详解HTML/XHTML中img图像标签的基本用法
    这篇文章主要介绍了HTML/XHTML中img图像标签的基本用法,文中列出了img标签的一些常用属性,需要的朋友可以参考下
  • XHTML中的常用标签整理
    这篇文章主要介绍了XHTML中的常用标签整理,XHTML是一个扮演着类似HTML的角色的可扩展标记脚本,这里的XHTML标签需要的朋友可以参考下
    03-10 XHTML标签
  • 纯CSS+XHTML实现的二级导航菜单效果
    纯CSS+XHTML实现的二级导航菜单效果
    这篇文章主要为大家介绍了纯CSS+XHTML实现的二级导航菜单效果,通过简单的鼠标事件操作页面元素样式变换实现二级导航菜单的功能,非常简单实用,需要的朋友可以参考下
  • HTML与XHTML、以及HTML4与HTML5标签之间的区别
    这篇文章主要介绍了HTML与XHTML、以及HTML4与HTML5标签之间的区别,是网页前端编程入门学习中的基础知识,需要的朋友可以参考下
    11-13 HTMLXHTML
  • css网站布局实录学习笔记第二部分XHTML与CSS基础
    css网站布局实录学习笔记第二部分XHTML与CSS基
    这篇文章主要介绍了css网站布局实录学习笔记第二部分,需要的朋友可以参考下
  • HTML5 与 XHTML2
    多数人使用 HTML 4 和 XHTML 1 编写网页。相对较少的 HTML 狂热者了解语义 HTML 的概念、验证 HTML 结构和改进文档的可访问性。高质量的 HTML 文档是反复权衡、设计优选和讨论酝酿的结果。尽管受到诸多批评,还没有任何语言的普及性能与 HTML 比肩。多数用户满足于标准的现
    11-07
  • X/HTML5 和 XHTML2
    X/HTML5 和 XHTML2
    在了解了XHTML 2的进展之后,我们再来看看X/HTML 5 的进展。 X/HTML 5酷在什么地方 章节元素的构想 X/HTML 5引入新的元素用于把Web页面分成若干章节。这些组成部分有助于搜索引擎和辅助工具更好地理解页面内容。使用这些新元素可以使标签更具可读性。 章节化
    11-07
点击排行