Home >Web Front-end >HTML Tutorial >What is the difference between xhtml and html? Analysis of similarities and differences between xhtml and html

What is the difference between xhtml and html? Analysis of similarities and differences between xhtml and html

寻∝梦
寻∝梦Original
2018-09-01 14:24:293012browse

This article mainly introduces the difference between HTML and xhtml. The similarities and differences between HTML and xhtml are all in it. Now let us look at this article together

一, First of all, let us first introduce the official explanation of the difference between HTML and xhtml:

HTML is a basic WEB web design language, and XHTML is a markup language based on XML. Similar, with some small but important differences, XHTML is XML that plays a role similar to HTML, so in essence, XHTML is a transitional technology that combines the power of XML (sort of) with the Most) simple features.

The differences between HTML and

2. The following are the major differences between XHTML and HTML:

  • XHTML requires correct nesting.

  • XHTMLAll elements must be closed.

  • XHTML is case sensitive.

  • XHTML documents must have a root element.

Now let’s look at the similarities and differences one by one:

1. Elements must be nested correctly

In HTML, some elements can be nested incorrectly within each other like this:

<b><i>这里是PHP中文网</b></i>

In XHTML, all elements must be nested correctly with each other like this:

<b><i>This text is bold and italic</i></b>

Tip: An easy mistake to make with nested lists is to forget that the inner list must be inside a li element, like this:

This is correct:

<ul>
  <li>百度</li>  
  <li>PHP中文网
    <ul>
      <li>html在线教程</li>
      <li>PHP在线教程</li>
    </ul>
  </li>
  <li>腾讯</li>
</ul>

Note: In the correct code example, we inserted a bed06894275b65c1ab86501b08a632eb tag after 929d1f5ca49e04fdcb27f9465b944689.

2.XHTML elements must be closed:

Non-empty tags must use closing tags.

This is wrong:

<p>这里是www.php.cn
<p>这里是PHP中文网

This is correct:

<p>这里是www.php.cn</p>
<p>这里是PHP中文网</p>

3.XHTML elements must be lowercase

XHTML specification Definition: Tag names and attributes are case-sensitive.

This is wrong:

<BODY>
<P>这里是PHP中文网</P>
</BODY>

This is correct:

<BODY>
<P>这里是PHP中文网</P>
</BODY>

4.XHTML documents must have a root element

All XHTML elements must be nested within the 100db36a723c770d327fc0aef2ce13b1 root element. All other elements can have child elements. Child elements must be paired and nested within their parent element. The basic document structure is as follows:

<html>
<head> ... </head>
<body> ... </body>
</html>

The above is about the difference between HTML and xhtml. If you have any questions, you can ask them below.

【Editor's Recommendation】

How to set the font size of the html font tag? Introduction to the usage of html font tag attribute

What is the code for adding images in HTML? How to add image path correctly in html?

The above is the detailed content of What is the difference between xhtml and html? Analysis of similarities and differences between xhtml and html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn