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/1725.html" title="XML开发基础-使用CSS显示XML的详解" target="_blank">XML开发基础-使用CSS显示XML的详解</a></li><li><a href="/doc/1606.html" title="JSON和XML-不可同日而语的详解" target="_blank">JSON和XML-不可同日而语的详解</a></li><li><a href="/doc/7376.html" title="c语言fun函数有什么作用" target="_blank">c语言fun函数有什么作用</a></li><li><a href="/doc/1065.html" title="Javascript 调用XML制作连动下拉框代码实例详解" target="_blank">Javascript 调用XML制作连动下拉框代码实例详解</a></li><li><a href="/doc/319.html" title="java使用xpath和dom4j解析xml" target="_blank">java使用xpath和dom4j解析xml</a></li><li><a href="/doc/7977.html" title="mac电脑怎么样安装vscode" target="_blank">mac电脑怎么样安装vscode</a></li><li><a href="/doc/6600.html" title="vscode配置中文乱码怎么办" target="_blank">vscode配置中文乱码怎么办</a></li><li><a href="/doc/4771.html" title="oracle 怎么修改监听" target="_blank">oracle 怎么修改监听</a></li><li><a href="/doc/10369.html" title="一文详解PHP实现职责链设计模式(附代码示例)" target="_blank">一文详解PHP实现职责链设计模式(附代码示例)</a></li><li><a href="/doc/8105.html" title="php也可以实现证件照换底色,快来学习!" target="_blank">php也可以实现证件照换底色,快来学习!</a></li><li><a href="/doc/5982.html" title="PHP+REDIS实践:统计在线人数的几种方案分析" target="_blank">PHP+REDIS实践:统计在线人数的几种方案分析</a></li><li><a href="/doc/2797.html" title="php如何使用PHPAnalysis提取关键字中文分词" target="_blank">php如何使用PHPAnalysis提取关键字中文分词</a></li><li><a href="/doc/2230.html" title="PHP之curl_multi并发详解方法" target="_blank">PHP之curl_multi并发详解方法</a></li><li><a href="/doc/5335.html" title="python整数怎么表示" target="_blank">python整数怎么表示</a></li><li><a href="/doc/6066.html" title="一起聊聊Python的编码样式" target="_blank">一起聊聊Python的编码样式</a></li><li><a href="/doc/3322.html" title="给小白整理的第一篇Python知识点" target="_blank">给小白整理的第一篇Python知识点</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> <div id="footer"> <div class="w1200"> <p class="tips_text">本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。</p> <p class="tips_text">Copyright © 2004-2018 https://m.sxiaw.com/. All Rights Reserved.<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?716b3e81948f3acc7a5d3e276a92f5a9"; 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>