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

寻∝梦
Release: 2018-09-01 14:24:29
Original
3017 people have browsed it

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>
Copy after login

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

<b><i>This text is bold and italic</i></b>
Copy after login

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>
Copy after login

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

2.XHTML elements must be closed:

Non-empty tags must use closing tags.

This is wrong:

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

This is correct:

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

3.XHTML elements must be lowercase

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

This is wrong:

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

This is correct:

<body>
<p>这里是PHP中文网</p>
</body>
Copy after login

4.XHTML documents must have a root element

All XHTML elements must be nested within the 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>
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template