Inhaltsverzeichnis
XHMTL和HTML的不同
声明XHTML DOCTYPE
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
元素必须闭合
属性必须小写
属性值必须是双引号
严格对应嵌套
HTML如何转变到XHTML?
Welcome to XHTML
Heim Web-Frontend HTML-Tutorial XHTML与HTML简单比较_html/css_WEB-ITnose

XHTML与HTML简单比较_html/css_WEB-ITnose

Jun 21, 2016 am 08:48 AM

XHTML是一种使用XML规范编写的HTML,XHTML与普通Html有很多不同,主要不同是要求编写规范,当然XHTML这些规范也给人工编写代码带来不是很方便,但是对于机器阅读或SEO还是有帮助的。

XHMTL和HTML的不同

  • XHTML是HTML更严格和更清晰的版本.
  • XHTML DOCTYPE需要首先强制声明.
  • XHTML元素都必须小写
  • XHTML属性名都必须小写
  • XHTML属性的值必须使用引号
  • XHTML元素必须是闭合的(带斜杠“/”)
  • XHTML文档必须有一个根元素
  • XHTML元素必须恰当地内嵌,不是随意嵌套的

声明XHTML DOCTYPE

如果希望使用XHTML编写网页,首先,XHTML需要有一个在页面头部XHTML DOCTYPE 声明,有三种类型:

XHTML 1.0 Transitional

如果你想编写一个完全符合规范的页面就请使用这个transitional类型,在页面头部加入下面申明:

XHTML 1.0 Strict

如果你只想编写符合比较清晰规范的页面就使用这个strict类型,虽然不是完全符合规范,但是大多数XHTML属性可以使用,在头部加入:

XHTML 1.0 Frameset

如果你只想编写一个普通Html框架的页面使用这个frameset类型,因为html相比XHTML编写没有那么规范。

元素必须闭合

错误写法:

This is paragraph line.

正确写法:

This is paragraph line.

多一个

环绕文本。每个元素必须闭合,以斜杠符号“/”标志结束闭合

属性必须小写

错误写法:

正确写法是将上面的大写字母变成小写:

属性值必须是双引号

错误写法:

正确写法是将上面width的值90%加上双引号:

请注意不能使用中文的双引号

严格对应嵌套

错误方式:This is XHTML page

上面错误在于嵌套了,那么结束也要遵循这个规则,正确方式是:

This is XHTML page

嵌套规则是遵循下面禁止条例:

  • : 只能包含嵌套 元素,不能嵌套其他语法.
  •  : 不可以包含嵌套<img  alt="XHTML与HTML简单比较_html/css_WEB-ITnose" > , <object> , <big> , <small> , <sub> 等元素.</sub></small></big></object>
    Nach dem Login kopieren
  • 不可再包含
    元素

XHML编写主要遵循两个规则:遵循嵌套规则,每个元素必须闭合,以斜杠符号“/”标志结束闭合。

XHTML与HTML简单比较_html/css_WEB-ITnose



HTML如何转变到XHTML?

  • 在每个页面增加第一行XHTML doctype
  • 每个页面增加xmlns 属性
  • 每个元素名称必须小写
  • 闭合所有没有闭合的元素
  • 属性名称转换到小写
  • 属性值使用双引号

下面是一个标准XHTML:

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

My First Document

Hello, World

Welcome to XHTML

This page written by:

(Jdon)


2000 and beyond

什么是自适应设计?

Javascript专题

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

Ist HTML für Anfänger leicht zu lernen? Ist HTML für Anfänger leicht zu lernen? Apr 07, 2025 am 12:11 AM

HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Apr 08, 2025 pm 07:05 PM

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

Was ist ein Beispiel für ein Start -Tag in HTML? Was ist ein Beispiel für ein Start -Tag in HTML? Apr 06, 2025 am 12:04 AM

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

See all articles