Content-type: text/html
ou Content-type: application/xml xhtml
pour fournir des services, chaque mode a son propre ensemble de règles.
<p> Le mode d'analyse HTML permet une plus grande flexibilité, tels que: les balises et les attributs sont insensibles aux cas, les balises de début et de fin de certains éléments sont facultatives et les attributs ne sont pas requis pour les devis. Cependant, il nécessite que HTML5 doctype soit inclus.
<p> Le mode d'analyse xhtml5 (également connu sous le nom de syntaxe XML de HTML5) est plus strict, ce qui nécessite que tous les éléments aient des balises de démarrage et de fin, les balises et les attributs sont sensibles à la casse, les valeurs d'attribut doivent être enfermées dans des guillemets, et les attributs vides ne sont pas autorisés. Ce schéma doit également inclure des attributs d'espace de noms XML et des en-têtes de réponse Content-type: application/xml xhtml
.
<p> Syntaxe HTML
<p> Regardons un autre document HTML5:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hi</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg" class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes " /> Isn't this a lovely flower? </p> <p> Yes, that is a lovely flower. What kind is it? </p> </body> </html>
<head>
. <head>
Les éléments contiennent généralement des informations sur le document, tels qu'un titre de titre ou de caractère. Dans cet exemple, notre élément <head>
contient un élément <meta>
qui définit le jeu de caractères pour ce document. L'inclusion des jeux de caractères est facultatif, mais vous devez toujours en définir un, et UTF-8 est recommandé.
<p> Notre élément <head>
contient également le titre du document (<title>Hi</title>
). Dans la plupart des navigateurs, le texte entre les balises <title>
apparaît en haut de la fenêtre ou de l'onglet du navigateur.
<p> Les commentaires dans HTML sont des fragments de texte qui ne seront pas rendus dans le navigateur. Ils ne sont visibles que dans le code source et sont souvent utilisés pour laisser des commentaires sur des documents à vous-même ou à des collègues. Certains logiciels qui génèrent du code HTML peuvent également contenir des commentaires. Les commentaires peuvent apparaître presque partout dans un document HTML. Chaque commentaire doit commencer par <!--
et se terminer par -->
.
<p> Document <head>
Peut également contenir <link>
des éléments pointant vers des ressources externes, comme indiqué ci-dessous. Les ressources peuvent inclure des feuilles de styles, des images de favicon ou des flux RSS. Nous utilisons l'attribut rel
pour décrire la relation entre le document et le document auquel nous avons lié. Dans cet exemple, nous lions un lien vers une feuille de style en cascade ou un fichier CSS. CSS est une langue de feuille de style que nous utilisons pour décrire l'apparence d'un document plutôt que sa structure.
<p> Nous pouvons également inclure CSS dans le fichier à l'aide de l'élément <style>
(délimité ici par <style>
et </style>
). Cependant, l'utilisation de l'élément <link>
nous permet de partager le même fichier de feuille de style sur plusieurs pages.
<p> Soit dit en passant, <meta>
et <link>
sont des exemples d'éléments HTML vides; nous pouvons également utiliser /
& gt; Par exemple, <meta charset="utf-8">
deviendra <meta charset="utf-8"/>
, mais ce n'est pas nécessaire.
<p> "xhtml5": syntaxe xml pour html5 <p> html5 peut également être écrit en syntaxe plus stricte de type XML. Vous vous souvenez peut-être que XHTML 1.0 dans le chapitre 1 était "HTML 4 comme un écrasement d'applications XML 1.0". Ce n'est pas entièrement vrai pour ce qu'on appelle parfois "xhtml5". "Xhtml5" est mieux compris comme l'écriture et l'analyse en utilisant les règles de syntaxe de XML et répondant à HTML5 fournie dans l'en-tête à l'aide de Content-type: application/xml xhtml
.
<p> Les règles suivantes s'appliquent à "xhtml5":
<p>
et <li>
).
<li> Tout élément peut être utilisé /
& gt;
<li> Les étiquettes et les attributs sont sensibles à la casse et sont généralement inférieurs.
<li> Les valeurs d'attribut doivent être enfermées en guillemets.
<li> Les attributs de l'unité sont interdits (checked
doivent être modifiés en checked="checked"
ou checked="true"
).
<li> Les caractères spéciaux doivent être échappés à l'aide d'une entité de caractères.
<html>
Démarrer nécessite également un attribut xmlns
(xml namespace). Si nous réécrivons le document ci-dessus pour utiliser la syntaxe XML, cela ressemblera à ceci:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hi</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg" class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes " /> Isn't this a lovely flower? </p> <p> Yes, that is a lovely flower. What kind is it? </p> </body> </html>
xmlns
pour informer le navigateur que nous utilisons une syntaxe plus stricte. Nous avons également auto-fermé les balises pour nos éléments vides <meta>
et <img alt="HTML VS XHTML: Comparaison de deux modes d'analyse" >
. Selon les règles XML et XHTML, tous les éléments doivent être fermés avec la balise d'extrémité, ou auto-fermés avec des espaces, des barres obliques et des supports d'angle à pointe de droite (/
& gt;).
<p> Dans cet exemple, nous avons également auto-clôturé notre <code>application/xml xhtml
. Si vous fournissez une page comme , vous pouvez également utiliser une syntaxe d'auto-fermer. <p>
Content-type: application/xml xhtml
N'oubliez pas: pour que le navigateur analyse ce document selon les règles XML / XHTML, notre document doit envoyer un document avec un en-tête de réponse du serveur. En fait, même si Doctype est manquant, y compris cet en-tête déclenchera l'analyse XHTML5 dans un navigateur conforme standard. <p>
text/html
Vous avez peut-être réalisé que les règles d'analyse XML sont plus strictes. Il est beaucoup plus facile d'utiliser le type MIME et sa syntaxe HTML plus lâche. <p>
HTML et XHTML FAQ (FAQ) <p>
(La partie FAQ est omise ici car l'article est trop long et ne correspond pas à l'objectif pseudo-original. La partie FAQ peut être ajoutée ou modifiée selon les besoins.) <script> 标签。我们也可以使用普通的 <code><script> 标签,就像我们对其他元素所做的那样。<code><script> 元素有点奇怪。您可以通过将脚本放在 <code><script> 起始和结束标签之间来将脚本嵌入到您的文档中。当您这样做时,您<em>必须包含结束标签。
<p>但是,您也可以使用 <code><script> 标签和 <code>src 属性链接到外部脚本文件。如果您这样做,并且将页面作为 <code>text/html 提供服务,则必须使用结束标签 <code></script>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!