HTML和XHTML之间有什么区别

今天给大家介绍一下HTML和XHTML是什么?让大家对HTML和XHTML有一定的了解,知道它们之间的区别是什么。下面我们就来了解一下HTML和XHTML

HTML和XHTML之间有什么区别

HTML是什么?

HTML超文本标记语言(Hyper Text Markup Language)的首字母缩略词,那么什么是超文本?什么是标记语言?

超文本:超文本简单的意思就是“文本内的文本”。文本中有链接,是超文本。每次单击一个链接来打开一个新网页时,都是单击一个超文本来完成的。

标记语言:标记语言是一种编程语言,用于使文本更具交互性和动态性。它可以将文本转换为图像,表格,链接等。

例:

<!DOCTYPE html>
<html>
<body>
	<h1>hello world !</h1>
</body>
</html>

效果图:

2.jpg

XHTML是什么?

XHTML代表可扩展超文本标记语言。它是HTML和XML语言之间的交叉。

XHTML几乎与HTML相同,但它比HTML更严格。XHTMLHTML定义为XML应用程序。它受到所有主流浏览器的支持。

例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   >
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
  <title>标题</title>  
</head>  
<body>  
  <h1>XHTML</h1>
</body>  
</html>

效果图:

3.jpg

HTML和XHTML之间的区别

尽管XHTMLHTML几乎相同,但正确创建代码更为重要,因为XHTML在语法和区分大小写方面比HTML更严格严谨。XHTML文档是格式良好的,并使用标准XML解析器进行解析,这与HTML不同,HTML需要宽松的HTML特定解析器。

总的来说,与HTML相比,XHTML发生了一些变化,有了一下差异。这些变化可分为三个部分:

文档结构的变化

1、所有文件都必须有DOCTYPE。

2、<html>中的xmlns属性是必需的,必须为文档指定xml命名空间。

3、<html>,,和<body>对于各自的结束标记是必需的。</p><p><strong>X<a href="/tag-news-name-HTML-p-1.html">HTML</a>标签的变化</strong></p><p>1、所有的X<a href="/tag-news-name-HTML-p-1.html">HTML</a>标签必须为小写。</p><p>2、必须要结束所有X<a href="/tag-news-name-HTML-p-1.html">HTML</a>标记,即要结束</>标签。例:<h1></h1>,<hr/>,<img/></p><p>3、必须正确嵌套所有X<a href="/tag-news-name-HTML-p-1.html">HTML</a>标记,标签的嵌套顺序要正确。</p><p>4、X<a href="/tag-news-name-HTML-p-1.html">HTML</a>文档必须有一个根元素。</p><p><strong>X<a href="/tag-news-name-HTML-p-1.html">HTML</a>属性的变化</strong></p><p>1、必须正确添加所有X<a href="/tag-news-name-HTML-p-1.html">HTML</a>属性。</p><p>2、所有X<a href="/tag-news-name-HTML-p-1.html">HTML</a>属性必须为小写,且必须加上引号。</p><p>2、X<a href="/tag-news-name-HTML-p-1.html">HTML</a>属性不能被缩写。</p><p>3、必须引用X<a href="/tag-news-name-HTML-p-1.html">HTML</a>属性值。</p><p>总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。</p><p>以上就是<a href="/tag-news-name-HTML-p-1.html">HTML</a>和X<a href="/tag-news-name-HTML-p-1.html">HTML</a>之间有什么区别的详细内容,更多请关注https://www.sxiaw.com/其它相关文章!</p></span> </div> </article> <aside class="swnetnews"> <div class="lis"> <span><i>推荐内容</i></span> <ul> <li><a href="/doc/374.html" title="XML指南——察看 XML 文件" target="_blank">XML指南——察看 XML 文件</a></li><li><a href="/doc/10305.html" title="在海狐海淘app中拼团的简单教程" target="_blank">在海狐海淘app中拼团的简单教程</a></li><li><a href="/doc/2437.html" title="golang中怎么正确地设置和处理文本编码" target="_blank">golang中怎么正确地设置和处理文本编码</a></li><li><a href="/doc/2057.html" title="golang怎么实现set" target="_blank">golang怎么实现set</a></li><li><a href="/doc/9532.html" title="Python神操作!乱序文件重新命名编号!" target="_blank">Python神操作!乱序文件重新命名编号!</a></li><li><a href="/doc/6750.html" title="Python线程的创建与常用方法(实例详解)" target="_blank">Python线程的创建与常用方法(实例详解)</a></li><li><a href="/doc/4414.html" title=".net中的错误处理机制是什么?" target="_blank">.net中的错误处理机制是什么?</a></li><li><a href="/doc/1917.html" title="掌握python 19个值得学习的编程技巧" target="_blank">掌握python 19个值得学习的编程技巧</a></li><li><a href="/doc/10245.html" title="设置redis开机启动的方法" target="_blank">设置redis开机启动的方法</a></li><li><a href="/doc/8859.html" title="redis 怎么使用" target="_blank">redis 怎么使用</a></li> </ul> </div> </aside> </main> <script> // first, find all the div.code blocks document.querySelectorAll('pre').forEach(el => { // then highlight each hljs.highlightElement(el); hljs.lineNumbersBlock(el); }); </script> <link rel="stylesheet" type="text/css" href="/kan/css/basezb.css"> <script type="text/javascript" src="/kan/js/read.js"></script> <div style="display:none"> <div class="login-box" id="login-dialog"> <div class="login-top"><a rel="nofollow" id="login1" onclick="setTab('login',1,2);" >登录</a></div> <div class="login-form" id="nav-signin"> <!-- <div class="login-ico"><a rel="nofollow" class="qq" id="qqlogin" target="_blank" href="/user-center-qqlogin.html"> QQ </a></div> --> <div class="login-box-form" id="con_login_1"> <form id="loginform" action="/user-center-login.html" method="post" onsubmit="return false;"> <p class="int-text"> <input class="email" id="username" name="username" type="text" value="用户名或Email" onfocus="if(this.value=='用户名或Email'){this.value='';}" onblur="if(this.value==''){this.value='用户名或Email';};" ></p> <p class="int-text"> <input class="password1" type="password" id="password" name="password" value="******" onBlur="if(this.value=='') this.value='******';" onFocus="if(this.value=='******') this.value='';" > </p> <p class="int-info"> <label class="ui-label"> </label> <label for="agreement" class="ui-label-checkbox"> <input type="checkbox" value="" name="cookietime" id="cookietime" checked="checked" value="2592000"> <input type="hidden" name="notforward" id="notforward" value="1"> <input type="hidden" name="dosubmit" id="dosubmit" value="1">记住我的登录 </label> <a rel="nofollow" class="aright" href="/user-center-forgetpwd.html" target="_blank"> 忘记密码? </a></p> <p class="int-btn"><a rel="nofollow" id="loginbt" class="loginbtn"><span>登录</span></a></p> </form> </div> </div> </div> </div> </div> <script type="text/javascript" src="/kan/js/foot_js.js"></script> <div id="footer"> <div class="w1200"> <p class="tips_text">本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。</p> <p class="tips_text">Copyright © 2004-2018 https://www.sxiaw.com/. All Rights Reserved.<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?fa236be8ec7680639fbd4ee307fd0c69"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <a href="http://beian.miit.gov.cn/" target="_blank">津ICP备2023001793号-1</a></p> </div> </div> </body> </html>