XHTML标签的自关闭的写法应该注意的问题
作者：佚名
字体：[ ] 来源：互联网 时间：04-02 20:54:30
XHTML里面的img标记这种写法也就是所谓的自关闭，在XML中是完全合法的写法。
XHTML里面的img标记应该这样写：&img alt=&& src=&& /&，这种写法也就是所谓的自关闭，在XML中是完全合法的写法。如果你
XHTML里面的img标记这种写法也就是所谓的自关闭，在XML中是完全合法的写法。
XHTML里面的img标记应该这样写：&img alt=&& src=&& /&，这种写法也就是所谓的自关闭，在XML中是完全合法的写法。如果你熟悉XML相关的开发，可能也就习惯于这种写法，想着XML中任何不含子节点的元素都可以这样写，那么XHTML中没有内容的标签也都可以这样写。XHTML中理论上当然允许任何标签以自关闭的方法来书写，然而浏览器兼容性却带来了新问题，那就是IE无法正确识别某些标签的自关闭写法。 字串8
请尝试输入以下XHTML代码并在IE中浏览：&p&hello &script type=&text/javascript& /& world&/p&，你会发现只能看到前面的hello而不见后面的world，这事情让人挺无法解释的吧。可能有不少人都曾经遇到过这个问题，并且花了几个小时在上面都找不到合理的解释。 字串4
解释源自另外一段类似的代码：&p&hello &textarea /& world&/p&，你在IE中看看其显示效果，能够得到合理的解释了吗？我们能够看到前面的hello正常显示了，而后面的world则显示在textarea里面，这证明IE并没有正确识别textarea标签已经自关闭了，而是当它没有关闭，并将后面的内容识别为textarea内部的内容。
这时候我们就明白前面那段代码为什么看不到后面的world了，因为它被当作script的一部分来识别了。这就说明了，在我们使用XHTML时并不能好像XML那样随意的使用自关闭的写法，只有少数原本不需要关闭的标签可以用自关闭的写法，其他标签即使没有任何内容最好也用成对的关闭写法。
最后需要提醒大家的是，其实弱智的parser不仅仅IE有，很多地方都可能碰到由于parser不严谨而引起的问题，所以我们在书写XHTML的时候还是要迁就一些老HTML继承下来的习惯，不能好像真的XML那样自以为符合标准了就随意写。不信？那么再试一个吧：&p&hello &br&&/br& world&/p&，留意IE与Opera中的显示效果。 XHTML一些相关的规范： 1.所有的标记都必须要有一个相应的结束标记 2.所有标签的元素和属性的名字都必须使用小写 3.所有的XML标记都必须合理嵌套 4.所有的属性必须用引号&&括起来 5.把所有&和&特殊符号用编码表示 6.给所有属性赋一个值 7.不要在注释内容中使&--&
大家感兴趣的内容
12345678910
最近更新的内容html中用js添加文本或标签的快捷方法
大家都知道用js向html中动态添加标签或文本可以用innerHTML和innerText,但是这两个方法不够灵活，下面介绍几种方法：
1、beforeBegin: 插入到标签开始前
2、afterBegin:插入到标签开始标记之后
3、beforeEnd:插入到标签结束标记前
4、afterEnd:插入到标签结束标记后
这几种方法很灵活，可以尝试已下
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。html中的标签什么时候需要加style=“”，有的标签可以直接写样式设置，但有的就得加上这个_百度知道
html中的标签什么时候需要加style=“”，有的标签可以直接写样式设置，但有的就得加上这个
比：&h1 style=&text-align:center&&&/h1&需要加
&p align=&center&&&/p&需要加style
提问者采纳
需要加 style
比说 align
a标签 href
表格border
标签自带默认属性
想给 p标签 加边框
呢 p标签行级元素
边框默认属性
我般 先变块级元素再加边框
说 要默认属性 都需要通外部式 或者行内式 写 style
完希望能帮 谢谢
提问者评价
我盆友已经告诉我答案了，不过还是很感谢！
来自团队：
其他类似问题
为您推荐：
其他1条回答
&h1&标签需要加style本身没align属性需要用style控制&p&标签需要加本身align属性
style的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁　必须知道的10个不常用HTML标签
作者：　时间： 　文档类型：翻译　来自：
网页开发人员常常希望能够了解并掌握多种语言，结果是，学习一门语言的所有内容是棘手的，但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签。
不幸的是我们到现在还没有涉足的那些比较不知名的HTML标记所有潜力。但它永远不会太晚重新进入领域，并开始编写代码来发掘这些未开发的标签的能量。
这里是10个未被充分利用或被误解的HTML标签。或许它们不太广为人知，但是在特定情况下他们却非常有用。
貌似每个人都比较熟悉&blockquote& 标签，但是你可知道&blockquote&的小弟弟&cite&？&cite& 允许你定义元素内的文字作为一种参考。一般，浏览器会用斜体来显示&cite& 标签内的文字，但是这可以用一点CSS来改变。
&cite& 标签对于引用目录或其它网站的参考非常有用。这里是一个在段落中使用cite标签的例子:
运行代码框&p&David Allen的突破性组织性的图书&em&&cite&完成你的工作&/cite&&/em&给忘了带来了一场风暴。&/p& [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
2. &optgroup&
&optgroup&标签是定义select标签中的选项分组的一种很好的方法。比如，你需要按时间来分组电影列表，那么就可以这样做：
&label for="showtimes"&上映时间&/label&&select id="showtimes" name="showtimes"& &optgroup label="下午一点"&&option value="titanic"&泰坦尼克号&/option& &option value="nd"&贫民窟的百万富翁&/option& &option value="wab"&怪物史瑞克&/option& &/optgroup& &optgroup label="下午两点"& &option value="bkrw"&狮子王&/option& &option value="stf"&全民超人&/option&&/optgroup&&/select&
运行代码框&label for="showtimes"&上映时间&/label&
&select id="showtimes" name="showtimes"& &optgroup label="下午一点"&&option value="titanic"&泰坦尼克号&/option& &option value="nd"&贫民窟的百万富翁&/option& &option value="wab"&怪物史瑞克&/option& &/optgroup& &optgroup label="下午两点"& &option value="bkrw"&狮子王&/option& &option value="stf"&全民超人&/option&&/optgroup&&/select& [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
3. &acronym&
&acronym& 是一种定义或更多解释一组文字的方法。当你用鼠标放到使用&acronym&标签的文字时，一个显示title标签的内容的框框将会出现在下边。比如：
&微博客网站&acronym title="Founded in 2006"& Twitter&/acronym& 最近常常宕机。
运行代码框微博客网站&acronym title="Founded in 2006"& Twitter&/acronym& 最近常常宕机。 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
4. &address&
&address& 标签是一个非常不起眼的小标签，但是这并不意味着它没有用。顾名思义&address& 允许你在HTML中语义化标签。这个小巧的标签将默认斜体显示标签内的内容，当然，使用样式可以很容易的改变默认的样式。
&address&Glen Stansberry1234 Web Dev LaneAnywhere, USA&/address&
5. &ins& 和&del&
如果你想使用标签来显示编辑版本，&ins& 和&del& 正好适合。顾名思义，&ins& 用下划线高亮显示添加进来的内容，而&del& 用删除线显示被移除的信息。
&John &del&likes&/del& &ins&LOVES&/ins& his new iPod.
运行代码框John &del&likes&/del& &ins&LOVES&/ins& his new iPod. [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
6. &label&
貌似表单元素最容易忘掉何时标记文本。对于表单元素，最常忘记的就是&label& 标签。不仅仅是一个便捷的标记文本的方式，&label& 标签还能传递一个”for” 属性来指定哪个元素将会被关联。&label& 不仅易于用样式来控制，还允许你让标题可点击。
&label for="username"&用户名&/label&&input id="username" type="text" /&
7. &fieldset&
Fieldset是一个小巧的标签，你可以用来为你的表单元素添加逻辑分组。&fieldset&标签就会在其内部的元素周围画一个框。另外一点就是可以在fieldset里面添加&legend& 标签来定义分组的标题。
&form&&fieldset&&legend&你比5年纪学生聪明吗？&/legend&当然&input name="yes" type="radio" value="yes" /&&不知道&input name="no" type="radio" value="no" /&&/fieldset&&/form&
运行代码框&form&&fieldset&
&legend&你比5年纪学生聪明吗？&/legend&
当然&input name="yes" type="radio" value="yes" /&
不知道&input name="no" type="radio" value="no" /&
&/fieldset&
&/form& [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
&abbr& 标签颇类似于&acronym& 标签，不同的是&abbr& 标签只用于定义缩写单词。就像&acronym&一样，你可以为这个标签定义一个title属性。当用户将鼠标放到缩写文字上面时，全部内容就会在下面显示。&abbr& 标签很少用，但是对于屏幕阅读者、拼写检查者以及搜索引擎是非常有用的。
&&abbr title="脑残"&NC&/abbr& 是一个不太文明的用语。
运行代码框&p&&abbr title="脑残"&NC&/abbr& 是一个不太文明的用语。&/p& [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
Rel 可以是一个极度有用的 属性，任何HTML元素都可以应用一个rel属性。它有助于传递没有另外指定的额外参数。这对于在HTML中使用JavaScript的时候是非常有用的。如果你有一个想要在行内编辑的链接，你可以添加：
&a rel="clickable" href="page.html"&这个链接可编辑。&/a&
Javascript 会寻找带有rel属性”clickable”的a链接，并应用一些Ajax并允许它在行内被编辑。这只是你可以使用rel属性的众多技术中的一种用法，因为它的潜力是无止境的。感兴趣的朋友可以深入研究一下W3C关于Rel的介绍。
&wbr&标签是一个难以相信的不出名的标签。坦率的讲，我也很怀疑你们会接触到这个标签， 因为它几乎从来没有用到。(的确，在我写这篇文章之前我几乎没有见到过这个标签)。事实上，这个标签算是一个软断行，允许你在某一行内指定一个断行点，表明在该点处可以断行，但是不是一定会断行，仅仅是在有需要断行的时候才会断行。如果你想避免出现水平滚动条，那么使用这个标签是很棒的。
下面是一个200像素宽的box，没有定义overflow。
运行代码框&div style="width:200border:1px solid #00f;"&
NoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbr&br /&
HavaWbr&wbr&HavaWbr&wbr&HavaWbrHavaWbrHavaWbrHavaWbrHavaWbr&wbr&HavaWbr
&/div& [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
如果你想要实现相同的效果而不使用&wbr& 标签，你可以试一下​或&。据说这三个标签都未被所有浏览器完全支持。你可以通过
来查看各个浏览器对着三个标签的支持情况。
PS：颇困难的翻译了这篇文章，神飞深深的感受到了语义化的魅力以及HTML标签的强大，相信我们没有认识到的标签还有很多，结果，常见的标签大家都很熟悉，不常见的标签大家有都不会用。正如之前我在一篇文章中阐述的那样，“语义化”很大的一部分是，在恰当的地方使用合适的标签，而不是一味的div下去。如果，我们能够了解更多的HTML标签，我们就能写出更具语义的HTML代码，也能大大的降低我们写CSS的难度和工作量，并使我们的页面结构更趋合理。
本文链接：　
责任编辑：
◎进入论坛、版块参加讨论，我还想。
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们，我们将立即删除修改。
本文总共有 10 条评论，现在显示最新的 5 条。评分：- llllllllllllllllllll + 评分人数: 3 ,平均分: 3.33 Publish at
15:36:43 评分4挺不错的。。。 Publish at
14:47:56 thx................. Publish at
16:44:15 &/select&&/optgroup&应该是&/optgroup&&/select& Publish at
10:27:02 我核对原文后发现原文也是那样，所以联系了vocal，vocal很快就做出修正，而且留言回复，很认真。也非常谢谢youhuata，希望继续支持我们的工作，有问题即使反馈，谢谢大家了。有什么意见和建议或者技术文章投递，也可以直接联系我QQ： Publish at
10:14:09 评分5开始我也觉得那个&optgroup&有些别扭，原来是错了。不管怎么说，要谢谢译者！
说明：输入正确的用户名和密码才能参与评论。如果您不是本站会员，你可以 为本站会员。
注意：文章中的链接、内容等需要修改的错误，请用，以利文档及时修改。
注意：请不要在评论中含与内容无关的广告链接，违者封ID
请您注意：?不良评论请用，以利管理员及时删除。?尊重网上道德，遵守中华人民共和国的各项有关法律法规?承担一切因您的行为而直接或间接导致的民事或刑事法律责任?本站评论管理人员有权保留或删除其管辖评论中的任意内容
?您在本站发表的作品，本站有权在网站内转载或引用 ?参与本评论即表明您已经阅读并接受上述条款
专业书推荐
&1999-. 版权所有