ITPub博客

首页 > 应用开发 > IT综合 > [转载]HTML XHTML XML

[转载]HTML XHTML XML

原创 IT综合 作者:ccainiao1 时间:2007-01-29 18:26:57 0 删除 编辑
HTML
Hypertext Markup Language,中文也就是超文本链接标示语言。HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。
[@more@]

设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord记事本写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.

HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化(例如,

开始一个新段落),其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如

,则必须以另一个标签
将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如,标签就不需要。

基本HTML页面以标签开始,以结束。在它们之间,整个页面有两部分--标题和正文。

标题词--夹在和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)

然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。

------------------
XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

XHTML相比于HTML

1.所有的标记都必须要有一个相应的结束标记

以前在HTML中,你可以打开许多标签,例如

和

  • 而不一定写对应的

    和
  • 来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:


    网页设计师

    2.所有标签的元素和属性的名字都必须使用小写

    与HTML不一样,XHTML对大小写是敏感的,和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。<br /><br />3.所有的XML标记都必须合理嵌套<br /><br />同样因为XHTML要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:<br /><br /><p><b></p></b> <br /><br />必须修改为:<br /><br /><p><b></b></p> <br /><br />就是说,一层一层的嵌套必须是严格对称。<br /><br />4.所有的属性必须用引号""括起来<br /><br />在HTML中,你可以不需要给属性值加引号,但是在XHTML中,它们必须被加引号。例如:<br /><br /><height=80> <br /><br />必须修改为:<br /><br /><height="80"> <br /><br />特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用',例如:<br /><br /><alt="say'hello'"> <br /><br />5.把所有<和&特殊符号用编码表示<br /><br />任何小于号(<),不是标签的一部分,都必须被编码为& l t ; <br /><br />任何大于号(>),不是标签的一部分,都必须被编码为& g t ; <br /><br />任何与号(&),不是实体的一部分的,都必须被编码为& a m p; <br /><br />注:以上字符之间无空格。<br /><br />6.给所有属性赋一个值<br /><br />XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如:<br /><br /><td nowrap> <input type="checkbox" name="shirt" value="medium" checked> <br /><br />必须修改为:<br /><br /><td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"> <br /><br />7.不要在注释内容中使“--”<br /><br />“--”只能发生在XHTML注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:<br /><br /><!--这里是注释-----------这里是注释--> <br /><br />用等号或者空格替换内部的虚线。<br /><br /><!--这里是注释============这里是注释--> <br /><br />以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。<br /><br /><b>XHTML的现行规范</b><br /><br />1. XHTML 1.0 Transitional - 过渡型,标识语法要求较宽松<br />2. XHTML 1.0 Strict - 严格型,标识要求达到以上XHTML相比于HTML的所有改动<br />3. XHTML 1.0 Frameset - 框架集定义<br />4. XHTML 1.1 - 模块化的XHTML<br />5. XHTML 2.0 - 完全模块化可定制化的XHTML,正在开发中,参考<a href="http://w3.org/" target="_blank">http://w3.org/</a> </div><div class="box2 p14"> </div><div class="box2 p14"><strong>参考资料:</strong> 1.<a href="http://bbs.eice.com.cn/dispbbs.asp?boardID=30&" target="_blank">http://bbs.eice.com.cn/dispbbs.asp?boardID=30&</a>;ID=1942&page=2 </div><div class="box2 p14"><span class="Tit">------------------</span></div><div class="box2 p14"><span class="Tit"><div class="box2"><span class="Tit"><strong>XML</strong></span></div><table class="htb wr" cellspacing="0" cellpadding="0" width="100%" border="0"><tbody><tr><td><div class="box2 p14">是EXtensible Markup Language的缩写.扩展标记语言XML是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然XML占用的空间比二进制数据要占用更多的空间,但XML极其简单易于掌握和使用。 <br /><br />XML与Access,Oracle和SQL Server等数据库不同,数据库提供了更强有力的数据存储和分析能力,例如:数据索引、排序、查找、相关一致性等,XML仅仅是展示数据。事实上XML与其他数据表现形式最大的不同是:他极其简单。这是一个看上去有点琐细的优点,但正是这点使XML与众不同。 <br /><br />XML的简单使其易于在任何应用程序中读写数据,这使XML很快成为数据交换的唯一公共语言,虽然不同的应用软件也支持其它的数据交换格式,但不久之后他们都将支持XML,那就意味着程序可以更容易的与Windows、Mac OS, Linux以及其他平台下产生的信息结合,然后可以很容易加载XML数据到程序中并分析他,并以XML格式输出结果。<br /><br />XML全称EXtensible Markup Language,翻译为可扩展置标语言,可扩展标记语言或可延伸 标示语言,是一种置标语言。 <br /><br />XML的前身是<a href="http://ccainiao1.itpub.net/view/160656.htm" target="_blank">SGML</a>(The Standard Generalized Markup Language),是自IBM从60年代就开始发展的<a href="http://ccainiao1.itpub.net/view/609279.htm" target="_blank">GML</a>(Generalized Markup Language) <br /><br />同<a href="http://ccainiao1.itpub.net/view/692.htm" target="_blank">HTML</a>一样, XML (可扩展标识语言)是通用标识语言标准(SGML)的一个子集,它是描述网络上的数据内容和结构的标准。尽管如此,XML不象HTML,HTML仅仅提供了在页面上显示信息的通用方法(没有上下文相关和动态功能) ,XML则对数据赋予上下文相关功能,它继承了SGML的大部分功能,却使用了不太复杂的技术。. <br /><br />为了使得SGML显得用户友好,XML重新定义了SGML的一些内部值和参数,去掉了大量的很少用到的功能,这些繁杂的功能使得SGML在设计网站时显得复杂化。XML保留了SGML的结构化功能,这样就使得网站设计者可以定义自己的文档类型,XML同时也推出一种新型文档类型,使得开发者也可以不必定义文档类型。 <br /><br />因为XML是W3C制定的,XML的标准化工作由W3C的XML工作组负责,该小组成员由来自各个地方和行业的专家组成,他们通过email交流对XML标准的意见,并提出自己的看法 (<a href="http://" target="_blank"></a>)。因为XML 是个公共格式, (它不专属于任何一家公司),你不必担心XML技术会成为少数公司的盈利工具,XML不是一个依附于特定浏览器的语言。 </div></td></tr><tr><td><div class="ref"><strong>开放分类:</strong><br /><a href="http://ccainiao1.itpub.net/search/cn=XML" target="_blank">XML</a><br /><br /><br /><strong>参考资料:</strong><br /> 1.xml教程 <a href="http://www.kutime.com/web/wyzz/XML/CHAR/" target="_blank">http://www.kutime.com/web/wyzz/XML/CHAR/</a> </div></td></tr></tbody></table></span></div></td></tr></tbody></table></p> </div> <p style="clear:both;"></p> <p class="translate"> 来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/8672542/viewspace-895954/ ,如需转载,请注明出处,否则将追究法律责任。 </p> <!-- --> </div> </div> <div class="preview-footer clearfix"> <!--已点赞、收藏--> <div class="icon-praise" id="praise" onclick="blogObj.praise($(this),'/praise/')"><span class="text"></span><span class="num">0</span></div> <div class="icon-collect" id="collect" onclick="blogObj.praise($(this),'/favour/')"><span class="text"></span><span class="num">0</span></div> <div class="share-group fr"> <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1522216707615"> <span class="fl">分享到:</span> <a href="javascript:;" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="javascript:;" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> <a href="javascript:;" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href="javascript:;" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> </div> <script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdDesc": "", "bdMini": "", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {"bdSize": 16} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; if ($(window).width() < 1320) { if ($(window).width() < 1200) { $(".sideslip").css({ "left": "20px", "margin-left": 0 }) } else { $(".sideslip").css({ "margin-left": "-590px" }) } }</script> </div> </div> <div class="article-context"> <div class="fl"> <span class="color77">上一篇:</span> <a href="https://blog.itpub.net/8672542/viewspace-895952/">[转载]SHTML教程</a> </div> <div class="fr"> <span class="color77">下一篇:</span> <a href="https://blog.itpub.net/8672542/viewspace-896018/">[转载]JAAS:灵活的Java安全机制</a> </div> </div> <input type="hidden" id="blogId" name="blogId" value="895954"> <!--评论开始--> <div class="blog-comment"> <div class="new-comment"> <input type="hidden" id="hid" name="hid" value="895954"> <input type="hidden" name="_token" value="q61o8DXjieV4b7H7ahHcSs1ufa38jsQiz8lCZVXW"> <a class="avatar" href="javascript:;"> <img src="/images/user_pic_default.png"></a> <!--用户未登录--> <div class="sign-container"> <span>请登录后发表评论</span> <a class="btn btn-sign"> <a class="layui-btn ml30" onclick="blog.login(event)">登录</a> </a> </div> <!--用户已登录--> <textarea placeholder="请写下你的评论…" onfocus="blogObj.textareaFocus($(this),200)" maxlength=200></textarea> </div> <div class="comment-list"> <div class="top-title"><span class="all-comment">全部评论</span> <span class="colorbb ml20"></span> </div> <div class="comment-items" id="comment_items"> <script type="text/template" id='blog_template'> <%for(var i=0;i <items.length;i++){%> <div class="comment-item"> <div class="author"> <a target="_blank" href="/<%=items[i].uid%>" class="avatar"> <img src="<%=items[i].headimg%>" alt=""> </a> <div class="info"> <div class="name"><a target="_blank" href="/<%=items[i].uid%>"><%=items[i].username%></a> <span class="fr reply-btn" onclick="blogObj.newComment($(this),'<%=items[i].username%>',<%=items[i].id%>)">回复</span> </div> <div class="time colorbb"><%=items[i].createtime%></div> </div> </div> <p class="comment-wrap"><%=items[i].content%></p> <%if(items[i].items.items.length) { %> <div class="sub-comment-list"> <%for(var j=0;j <items [i].items.items.length;j++){%> <div class="sub-comment"> <div class="color77 time-reply"> <span class="time"><%=items[i].items.items[j].createtime%></span> <span class="reply-btn fr" onclick="blogObj.newComment($(this),'<%=items[i].items.items[j].username%>',<%=items[i].items.items[j].id%>)">回复</span> </div> <p><a href="/<%=items[i].uid%>"><%=items[i].items.items[j].username%></a>   回复   <a href="/<%=items[i].touid%>"><%=items[i].items.items[j].tousername%></a>: <span class="content"><%=items[i].items.items[j].content%></span></p> </div> <%}%> <%if(items[i].items.total > 5) { %> <div class="more-comment"><span class="sub-comment-count">还有<i class="count"><%=items[i].items.total-5%></i>条评论</span><span class="more-comment-btn" onclick=blogObj.loadSubComment($(this),<%=items[i].id%>) data-count=1 data-flag=true>点击查看</span> </div> <%}%> </div> <%}%> </div> <%}%> </script> </div> </div> </div> <!--评论结束--> </div> <script> </script> <div class="fr w290"> <!--作者信息开始--> <!--作者信息开始--> <div class="author-info right-fixed "> <div class="head-img"> <a href="https://blog.itpub.net/8672542/"><img src="http://account.itpub.net/api/avatar.php?uid=8672542" alt=""></a> </div> <div class="author-name"><a href="https://blog.itpub.net/8672542/">ccainiao1</a></div> <div class="author-intro"> </div> <ul class="tree-list clearfix"> <li> <div class="item-tt">博文量</div> <a href="https://blog.itpub.net/8672542/"><span class="item-num blognum">38</span></a> </li> <li> <div class="item-tt">访问量</div> <div class="item-num blogviewnum">5308634</div> </li> </ul> </div> <!--作者信息结束--> <script> var data = {uid: 8672542}; $._ajax({ url: '/getAuthorInfo/', data: data, type: 'get', dataType: 'json', success: function (data) { if (data.code == 200) { var data = data.data; $(".blognum").text(data.blognum); $(".blogviewnum").text(data.visitednum); } } }); </script> <!--作者信息结束--> <!--博文推荐开始--> <div class="blog-choice right-fixed"> <h3 class="choice-title">最新文章</h3> <ul class="newul"> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-929558/" class="clearfix"> [转载]戏说Singleton模式 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-927871/" class="clearfix"> Java面试笔试题大全 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-914504/" class="clearfix"> [转载]现代青年应有的人生观 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-914503/" class="clearfix"> [转载]常用CASE工具介绍 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-914501/" class="clearfix"> [转载]SOA关键问题详解 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-914498/" class="clearfix"> [转载]史上最简单的Hibernate入门简介 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-914476/" class="clearfix"> [转载]点评主流中间件技术平台 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-896777/" class="clearfix"> [转载]Eclipse插件的安装 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-896351/" class="clearfix"> [转载]Internet安全编程----客户端 </a> </li> <li class="new-item"> <a href="https://blog.itpub.net/8672542/viewspace-896350/" class="clearfix"> [转载]一篇不错的讲解Java异常的文章 </a> </li> <ul> </div> <!--大牛精选结束--> </div> </div> <div class="icon-back-top" onclick="$('html,body').animate({scrollTop:0},'slow');"></div> <!--main部分结束--> <!--百度推送--> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!--footer部分开始--> <div class="blog-footer"> <div class="w1200 pr"> <div class="footer-links"> <a class="icon-blog icon-wx mr30"> <div class="wx-qrcode"> <img src="/images/qrcode.jpg" alt=""> </div> </a> <a href="https://weibo.com/itpub2001?from=myfollow_all" class="icon-blog icon-wb" target="_blank"></a> </div> <p class="footer-nav"> <a href="http://www.it168.com/bottomfile/it168.shtml" target="_blank">支持我们</a> <a href="http://www.it168.com/bottomfile/tgzn.shtml" target="_blank">作者招募</a> <a href="http://www.it168.com/bottomfile/sytk.shtml" target="_blank">用户协议</a> <a href="//blog.itpub.net/31509949/viewspace-2157750/" target="_blank">FAQ</a> <a href="http://edu.itpub.net/contactus.html" target="_blank">Contact Us</a> <script src="https://s22.cnzz.com/z_stat.php?id=1274521965&web_id=1274521965" language="JavaScript"></script> </p> <p>北京盛拓优讯信息技术有限公司. 版权所有  <a style="color:#777777;" target="_blank" href="http://beian.miit.gov.cn">京ICP备16024965号-8</a> 北京市公安局海淀分局网监中心备案编号:11010802021510 niuxiaotong@pcpop.com 17352615567 <a style="color:#777777;" target="_blank" href="http://www.it168.com/jubao.html"> 未成年人举报专区</a></p> <p>广播电视节目制作经营许可证(京) 字第1234号 中国互联网协会会员</p> <p>违法和不良信息举报电话:18101376593</p> </div> </div> <!--footer部分结束--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5016281862f595e78ffa42f085ea0f49"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?540bee2c1a1b922df9e0a0b922440b73"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- END STAT PV --> </body> </html>