首页 / HTML / XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作

XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5272字，纯文字阅读大概需要8分钟。

内容图文

XHTML里面的img标记应该这样写： XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作 - 文章图片

，这种写法也就是所谓的自关闭，在XML中是完全合法的写法。如果你熟悉XML相关的开发，可能也就习惯于这种写法，想着XML中任何不含子节点的元素都可以这样写，那么XHTML中没有内容的标签也都可以这样写。XHTML中理论上当然允许任何标签以自关闭的方法来书写，然而浏览器兼容性却带来了新问题，那就是IE无法正确识别某些标签的自关闭写法。字串8
请尝试输入以下XHTML代码并在IE中浏览：

hello world</p>，你会发现只能看到前面的hello而不见后面的world，这事情让人挺无法解释的吧。可能有不少人都曾经遇到过这个问题，并且花了几个小时在上面都找不到合理的解释。字串4 <br />解释源自另外一段类似的代码：<p>hello <textarea /> world</p>，你在IE中看看其显示效果，能够得到合理的解释了吗？我们能够看到前面的hello正常显示了，而后面的world则显示在textarea里面，这证明IE并没有正确识别textarea标签已经自关闭了，而是当它没有关闭，并将后面的内容识别为textarea内部的内容。 <br />这时候我们就明白前面那段代码为什么看不到后面的world了，因为它被当作script的一部分来识别了。这就说明了，在我们使用XHTML时并不能好像XML那样随意的使用自关闭的写法，只有少数原本不需要关闭的标签可以用自关闭的写法，其他标签即使没有任何内容最好也用成对的关闭写法。 <br />最后需要提醒大家的是，其实弱智的parser不仅仅IE有，很多地方都可能碰到由于parser不严谨而引起的问题，所以我们在书写XHTML的时候还是要迁就一些老HTML继承下来的习惯，不能好像真的XML那样自以为符合标准了就随意写。不信？那么再试一个吧：<p>hello <br></br> world</p>，留意IE与Opera中的显示效果。<br /><strong> XHTML一些相关的规范：</strong><br /> 1.所有的标记都必须要有一个相应的结束标记<br /> 2.所有标签的元素和属性的名字都必须使用小写<br /> 3.所有的XML标记都必须合理嵌套<br /> 4.所有的属性必须用引号""括起来<br /> 5.把所有<和&特殊符号用编码表示<br /> 6.给所有属性赋一个值<br /> 7.不要在注释内容中使“--”<a href="http://www.laitingfm.com" /><img src="http://www.gxlcms.com/ad/link.jpg" /></a> <a href="https://curl.qcloud.com/kfoLTs9R" /><img src="http://www.gxlcms.com/ad/1040x100.jpg" /></a> <font color="red">本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈<a href="http://www.gxlcms.com/?s=gb-show-p-1.html">版权投诉</a></font> </article> </div> <div class="w310 r"> <a href="https://www.gxlcms.com/server-467421.html" target="_blank"> <img src="http://www.gxlcms.com/Public/aiod/ts.jpg" /></a> <div class="book"> <a href="http://www.gxlcms.com/special/html/" target="_blank" title="html代码教程/参考手册"> <img src="https://img.gxlcms.com/" alt="html代码教程/参考手册" /> <h3>html代码教程/参考手册</h3> </a> </div> <div class="youclmt"> <h3>html代码热搜</h3> </div> <div class="langmubt"> <ul> <li><a href="/htmldaima-351579.html" target="_blank">a标签的背景图在ie8下不显示问题的解决方法</a></li><li><a href="/htmldaima-351577.html" target="_blank">disabled与readonly的作用及区别介绍</a></li><li><a href="/htmldaima-351574.html" target="_blank">详解HTML的<input>标签及其禁用方法</a></li><li><a href="/htmldaima-351572.html" target="_blank">使用vertical-align实现input和img对齐</a></li><li><a href="/htmldaima-351568.html" target="_blank">使用HTML编写简单的邮件模版</a></li><li><a href="/htmldaima-351566.html" target="_blank">HTML中Li标签的使用示例</a></li><li><a href="/htmldaima-351565.html" target="_blank">关于type="file"的input框样式修改小结</a></li><li><a href="/htmldaima-351559.html" target="_blank">HTMLcellpadding与cellspacing属性图文详解</a></li><li><a href="/htmldaima-351555.html" target="_blank">详解HTML编程的标记与文档结构</a></li><li><a href="/htmldaima-351550.html" target="_blank">用DIV遮罩解决鼠标直接勾选checkbox无效的问题</a></li><li><a href="/htmldaima-351547.html" target="_blank">在网页上调用桌面exe程序的简单方法</a></li><li><a href="/htmldaima-351545.html" target="_blank">html借助marquee实现文字左右滚动</a></li><li><a href="/htmldaima-351540.html" target="_blank">关于分割线hr在各浏览器中的差异</a></li><li><a href="/htmldaima-351537.html" target="_blank">a标签的target链接指向iframe的方法</a></li><li><a href="/htmldaima-351533.html" target="_blank">使用overflow:hidden来禁用页面滚动条</a></li><li><a href="/htmldaima-351531.html" target="_blank">使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案</a></li><li><a href="/htmldaima-351530.html" target="_blank">如何使用图片按钮作为重置(reset)表单按钮</a></li><li><a href="/htmldaima-351528.html" target="_blank">超链接的宽度和高度直接设置不起作用的解决方法</a></li><li><a href="/htmldaima-351525.html" target="_blank">textarea的disabled与readonly属性具体用法介绍</a></li><li><a href="/htmldaima-351521.html" target="_blank">空格在Html中如何表示(&nbsp有什么含义)</a></li><li><a href="/htmldaima-351515.html" target="_blank">在js或css后加?v=版本号不让浏览器缓存</a></li><li><a href="/htmldaima-351514.html" target="_blank">块级元素和内联元素及可变元素汇总</a></li><li><a href="/htmldaima-351513.html" target="_blank">HTML的结束标签问题与w3c标准</a></li><li><a href="/htmldaima-351512.html" target="_blank">iframe框架在IE浏览器下将白色背景设为透明色</a></li><li><a href="/htmldaima-351511.html" target="_blank">AdobeBrackets简单使用图文教程</a></li> </ul> </div> <a href="https://curl.qcloud.com/I8w1gZa8" target="_blank"> <img src="http://www.gxlcms.com/ad/tx500x500.jpg" /></a> </div> </div> </div> </div> <script type="text/javascript" src="/layui/layui.js">

内容总结

以上是互联网集市为您收集整理的XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作全部内容，希望文章能够帮你解决XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/409354.html

来源：【匿名】

【上一篇】robots.txt详细介绍_HTML/Xhtml_网页制作【下一篇】PHP 和 HTML

更多 ►

【XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作】教程文章相关的互联网学习教程文章

HTML标签总结【代码】

1. HTML常用标记：属性值需要带等号连接，属性值需要带引号(单、双引号都可以文本标题：h1~h6 i. h1:一般应用在网页文章标题，网站的logo处 ii. h2:新闻稿件的标题，或者是二级标题处 iii. h3:新闻稿件居多，布局元素中有加粗效果 iv. h4~h6:根据实际情况选择应用段落文本：p空格： &emsp;(能够实现空出一个字符)换行：<br/>水平线：<hr/>加粗： i. <b>加粗的内容</b> 只是显示加粗 ii. <strong>强调的内容</strong> 突出的文...

解决JSON包含HTML标签无法显示的问题

主要是将json无法识别的字符进行转义 function dotran($str) { $str = str_replace(‘"‘,‘//"‘,$str); $str = str_replace("/r/n",‘//r//n‘,$str); $str = str_replace("/t",‘//t‘,$str); $str = str_replace("//",‘//‘,$str); $str = str_replace("/b",‘//b‘,$str); return $str; }这样返回的数据就可以正常显示，下面是转换后的内容：jsontext=‘{"jqry":[{"id":"12...

超级简单却不知道：html标签的嵌套规则

XHTML的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套，那么，html标签的嵌套规则有哪些呢？　　一、HTML 标签包括块级元素(block)、内嵌元素（inline）　　1、块级元素　　一般用来搭建网站架构、布局、承载内容……它包括以下这些标签：　　address、blockquote、...

JS HTML标签尺寸距离位置定位计算【图】

四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：...

html标签中英文对照,更好理解html标签

HTML标签英文全称中文释义aAnchor锚abbrAbbreviation缩写词acronymAcronym取首字母的缩写词address Address地址dfn Defines a Definition Term定义定义条目kbd Keyboard键盘（文本）samp Sample示例（文本var Variable变量（文本）tt Teletype打印机（文本）codeCode源代码（文本）prePreformatted预定义格式（文本）blockquote Block Quotation区块引用语cite ...

HTML标签marquee实现滚动效果【代码】

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：<marquee>...</marquee>；说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction（包括4个值：up、 down、 left和 right）　　语法：<marquee direction="滚动方向">...</marquee>2.滚动方式behavior（scro...

Angular绑定数据时转义html标签【代码】

AngularJs在绑定数据时默认会以文本的形式出现在页面上，比如我现在有这样一段代码<div ng-controller="testCtrl">{{data}}</div>function testCtrl($scope) {$scope.data = ‘<span class="red">标红</span>‘; } 那么在页面上必然会在也面上直接显示 <span class="red">标红</span>要想让包含html标签的字符串，能在页面上正常显示，就必须将其转义，此时就要用到angularjs的ng-bind-html，它可以将包含html标签的字符串进...

去掉html标签

function getridofTag(e, num) { var desc = e; var reg = /<[^<>]+>/g; desc = desc.replace(/<[^<>]+>/g, ‘‘); desc = desc.replace(/\&ensp/g, "：") desc = subdata(desc, num); return desc;}e表示含有html的字段。num表示需要取得字段数量原文：http://www.cnblogs.com/luoshang/p/7284983.html

html5标签收集

HTML标签用法【代码】

<!DOCTYPE> 声明必须位于 <html> 标签之前。它不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。信息输入标签：input1.插入文本框——text（单行文本）<input name="表单名称" type="text" maxlength="输入字符串最大长度" size="宽度改变" value="默认值" />2.插入密码框——password<input name="" type="password" maxlength="" size="" />3.插入文件域——file（选择并返回文件）<input name=""...

Java对html标签的过滤和清洗【代码】

OWASP HTML Sanitizer 是一个简单快捷的java类库，主要用于放置XSS优点如下：　　1.使用简单。不需要繁琐的xml配置，只用在代码中少量的编码　　2.由Mike Samuel（谷歌工程师）维护　　3.通过了AntiSamy超过95%的UT覆盖　　4.高性能，低内存消耗　　5.是 AntiSamy DOM性能的4倍 1.POM中增加 <dependency><groupId>com.googlecode.owasp-java-html-sanitizer</groupId><artifactId>owasp-java-html-sanit...

Java中替换HTML标签的方法

1、替换HTML标签replaceAll("\\&[a-zA-Z]{0,9};", "").replaceAll("<[^>]*>", "\n\t")源码如下：/*** 字符串替换*/ package com.you.model;/*** HTML标签替换* @author YHD* @version*/ public class StrReplace {/*** @param args*/public static void main(String[] args) {String str = " <table border=‘1‘ cellpadding=‘1‘ cellspacing=‘1‘><tr><th rowspan=‘2‘>序号</th><th colspan=‘2‘>李四</th><th>赵六</th></...

HTML标签 11.02

1、DW快捷键的使用　　ctrl + c v x a 　　ctrl + d 复制当前行　　ctrl + h 快捷提示　　ctrl + 鼠标左键多个光标　　alt + 鼠标左键垂直光标　　tab 　制表符缩进快速补全标签　　shift + tab 往前缩进　　ctrl + / 一次是开两次是开关 2、3、颜色的三种写法　　　　16进制 #000000 　　　　英文字母 red 　　　　rgba rgba(0，0，0，0.5)...

PHP过滤各种HTML标签【代码】

$str=preg_replace("/<\s*img\s+[^>]*?src\s*=\s*(\‘|\")(.*?)\\1[^>]*?\/?\s*>/i", " ", $str); //过滤img标签$str=preg_replace("/\s+/", " ", $str); //过滤多余回车$str=preg_replace("/<[ ]+/si","<",$str); //过滤<__("<"号后面带空格)$str=preg_replace("/<\!--.*?-->/si","",$str); //注释$str=preg_replace("/<(\!.*?)>/si","",$str); //过滤DOCTYPE$str=preg_replace("/<(\/?html.*?)>/si","",$str); //过滤html标签$st...

上标、下标~不常用的 html 标签【代码】【图】

<sup>上标 <sub>下标<small>小号字<del> 删除线======》对应的 js stringObj.sup() 上标stringObj.sub() 下标stringObj.sub() 使用小字号显示stringObj.strike() 使用删除线彩蛋：<!doctype html> <html lang="en"><head><meta charset="UTF-8" /><title>Document</title></head><body><script type="text/javascript">var txt = "z-one"document.write("<p>1、Big--大号字体: " + txt.big() + "</p>")document.write("<p>2...

HTML - 技术教程分类

HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 总结 XHTML 简介 HTML 媒体(Media) HTML 插件 HTML 实例 HTML 标签列表（功能排序） HTML 属性 HTML 事件 HTML 画布 HTML 音频/视频 HTML 颜色名 HTML 字符集 HTML ASCII HTML ISO-8859-1 HTML 符号 HTML 语言代码 html 全部

HTML - 最热教程

html5代码如何实现进度条功能？（示例）javascript中html字符串转化为jquerydo...HTML5实战与剖析之CSS选择器——getEle...html5中设置或返回音频/视频是否应该被...HTML5获取设备信息 jQuery打印指定区域Html页面并自动分页...jQuery+HTML5+CSS3制作支持响应式布局时...JS+HTML5实现上传图片预览效果完整实例...php删除html标签和标签内的内容的方法总...XMLHttpRequest中responseText如何获取...

首页 / HTML / XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作

XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作

内容导读

内容图文

内容总结

内容备注

内容手机端

【XHTML标签的自关闭的写法应该注意的问题_HTML/Xhtml_网页制作】教程文章相关的互联网学习教程文章

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程