美文网首页我爱编程计算机微刊@IT·互联网
前端那些事:XHTML和HTML的区别

前端那些事:XHTML和HTML的区别

作者: 兮南楼 | 来源:发表于2017-08-18 22:55 被阅读0次

用官方网站的一句话:为什么要使用XHTML?我们认为万维网上的许多页面都包含着糟糕的 HTML 代码。即使它没有遵守 HTML 规则,HTML 代码仍然可以工作得很好。虽然给了开发者很多的便利,同时也出现许多写法不严谨的代码风格。

何为HTML,何为XHTML,啥关系,啥区别。

HTML中文名是超级文本标记语言,是一种基本的WEB网页设计语言。而XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。

HTML 和 XHTML 的区别简单来说,XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要求,XHTML 是更严谨更纯净的 HTML 版本,所以如果你是习惯松散结构的HTML编写者,那需要注意XHTML的规则。

最主要的不同:

1.XHTML 元素必须被正确地嵌套。

标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。

2.XHTML 元素必须被关闭。

像是<p></p>、<div></div>、<form></form>标签等,当出现一个标签时,必须要有对应的结束标签,缺一不可,就像在任何程序语言中的括号一。

3.标签名必须用小写字母。

在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。

4.XHTML 文档必须拥有根元素。

在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。

还需要注意的是不允许使用target="_blank"。从XHTML 1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel="external",并搭配JavaScript实现此效果。

就如平常碰到的一个小问题,开发中使用的input标签要不要加“/”来自我闭包?

在HTML规范中,单独存在的标签是不需要使用/来自我关闭的,比如<br>、<input>、<hr>等等这样的标签都是符合语法的.

在XHTML规范中,单独存在的标签要按照XML的语法规则进行自我关闭,上面三个标签就应写成<br />、<input />、<hr />。

相关文章

  • 前端那些事:XHTML和HTML的区别

    用官方网站的一句话:为什么要使用XHTML?我们认为万维网上的许多页面都包含着糟糕的 HTML 代码。即使它没有遵...

  • 【HTML】面试题 1

    1. XHTML 和 HTML区别 ? HTML 和bai XHTML 的区别简单来说,XHTML 可以认为是 X...

  • HTML 知识

    HTML、XML、XHTML 的区别 ** html,xhtml和xml的定义: **1、html即是超文本标记语...

  • Day 1

    前端常见题目: 问题1: XHTML和HTML有什么区别? 答案: HTML是一种基本的WEB网页设计语言,XHT...

  • 前端---XHTML、HTML和HTML5的区别

    html:超文本标记语言 (HyperTextMarkupLanguage) xhtml:可扩展超文本标记语言,是...

  • 饥人谷学习之HTML知识篇

    HTML、XML、XHTML有什么区别 XHMTL与HTML的区别 XHTML 元素必须被正确地嵌套。 XHTML...

  • 前端面试集锦(一)

    1、HTML总结 1、html和xhtml的区别 xhtml元素必须被正确地嵌套 xhtml元素必须被关闭 xht...

  • html 标签小结

    HTML、XML、XHTML 有什么区别 html,xhtml和xml的定义: 1、html即是超文本标记语言(H...

  • HTML

    XHTML和HTML的区别 XHTML元素必须被正确的嵌套 XHTML元素必须被关闭 标签名必须小写 XHTML文...

  • xhtml和html的区别

    XML是可扩展标记语言,而HTML超文本标记语言。XML的可扩展性体现在那些方面呢?这里可扩展性是现对于HTML而...

网友评论

    本文标题:前端那些事:XHTML和HTML的区别

    本文链接:https://www.haomeiwen.com/subject/mwuarxtx.html