Introduction aux différences entre HTML et XHTML, et HTML4 et HTML5 tags_HTML/Xhtml_Webpage Production

La différence entre HTML et XHTML
1. Les éléments XHTML doivent être correctement imbriqués
2. Les éléments XHTML doivent être fermés, et les balises vides doivent également être fermées. Tel que

3. Les éléments XHTML doivent être en minuscules

4. Les documents XHTML doivent avoir un élément racine

5. Les noms d'attributs XHTML doivent être en minuscules, les valeurs d'attribut doivent être entre guillemets et les attributs ne peuvent pas être abrégés. Par exemple :
6. XHTML utilise l'attribut id au lieu de l'attribut name.

Remarque : un espace supplémentaire doit être ajouté avant le symbole "/" pour rendre votre XHTML compatible avec les navigateurs actuels

7. Attribut Language (lang) L'attribut lang s'applique à presque tous les éléments XHTML. Il définit le type de langage utilisé pour le contenu à l'intérieur de l'élément. Si vous utilisez l'attribut lang dans un élément, vous devez ajouter du xml:lang supplémentaire, comme ceci :

Heia Norge!

Trois types de documents XML de XHTML 1.0
XHTML 1.0 spécifie trois types de documents XML pour correspondre aux trois DTD ci-dessus.

Code XML/HTMLCopier le contenu dans le presse-papiers

1. XHTML 1.0 Strict
3. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

À utiliser dans les situations où un balisage propre est nécessaire pour éviter l'encombrement des performances. Veuillez l'utiliser avec des feuilles de style en cascade.

Code XML/HTMLCopier le contenu dans le presse-papiers

1. XHTML 1.0 Transitionnel
3. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

À utiliser lorsque vous devez profiter des fonctionnalités de présentation du HTML et lorsque vous devez écrire du XHTML pour les navigateurs qui ne prennent pas en charge les feuilles de style en cascade.

Code XML/HTMLCopier le contenu dans le presse-papiers

1. Jeu de cadres XHTML 1.0
3. PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Utilisé dans cette situation : lorsque vous devez utiliser des cadres HTML pour diviser la fenêtre du navigateur en deux ou plusieurs cadres.

HTML4 et HTML5

Le HTML5 est très populaire ces derniers temps. Examinons quelques-unes des différences entre les balises HTML5 et les balises HTML4 :
1. Changements de concepts :

.

HTML5 se concentre sur le contenu et la structure, mais pas sur les performances

Données liées à la navigation

>

Titre : Tutoriel vidéo spécial HTML5

2. Déclarations et balises :
HTML5 a simplifié davantage de déclarations et de balises, et a également pris des dispositions détaillées sur la compatibilité, supprimé certains éléments et ajouté certains éléments.
Introduction à la syntaxe des balises HTML5 et nouvelles balises

(1), balise Grammaire :

a. Balises de fin dont l'écriture n'est pas autorisée : area, basebr, col, command, Embed, hr, img, input, keygen, link, meta, param, source, Track, wbr

b. être omis Balises de terminaison : li, dt, dd, p, rt, optgroup, option, Colgroup, thread, tbody, tr, td, th

c. Balises qui peuvent être complètement omises : html, head, body, colgroup, le corps

(2), nouvelle balise :

La balise définit un article

La balise définit la barre latérale de la section de contenu de la page

image

La balise définit un bouton de commande
La balise

définit les détails d'un élément

une boîte de dialogue (boîte de conversation)
La balise définit le contenu interactif ou les plug-ins externes

La balise définit un ensemble de contenus multimédias et leurs titres ou zone

définit l'en-tête d'une page ou une zone

les informations liées à un bloc dans le fichier de définition de balise
formulaire de définition
Le marqueur définit le texte marqué
Le marqueur définit la mesure dans une plage prédéfinie

Le marqueur définit le lien de navigation

Le processus de définition de la balise
La balise est utilisée dans Rubyannotations pour indiquer aux navigateurs qui ne prennent pas en charge les éléments Ruby comment l'afficher
La balise >< ;ruby> définit les annotations ruby. La balise

définit une région
la balise définit une ressource multimédia
video> définir une vidéo

Exemple HTML5 simple



Code XML/HTML

Copier le contenu dans le presse-papiers

1. >    
2. <tête>    
3. <méta charset=utf-8>    
4. <titre>PHP100中文网HTML5专题titre>    
5. <style type="texte/ css" rel="feuille de style">    
6. en-tête, navigation, article, pied de page {border:solid 1px #666;padding:5px}    
7. en-tête{width:500px}    
8. nav{float:left;width:60px;height:200px}    
9. article{float:left;width:428px;height:200px}    
10. pied de page{clear:both;width:500px}    
11. style>    
12. <script type="texte/ javascript">    
13. document.createElement('article');    
14. document.createElement('nav');    
15. document.createElement('header');    
16. script>    
17. tête>    
18. <corps>    
19. <en-tête>    
20. <hgroup>导航相关数据 hgroup>    
21. en-tête>    
22. <nav>菜单nav>    
23. <article>    
24. <h1>HTML5专题视频教程h1>    
25. 发布日期 :<heure>09h00heure>    
26. <heure dateheure="2013- 2-10">春节heure>    
27. <p>测试相关内容 p>    
28. article>    
29. <pied de page>    
30. <adresse>地址adresse>    
31. pied de page>    
32. corps>    
33. html>