Quelle est la différence entre HTML5 et HTML4 ?

Différences : 1. HTML5 simplifie la syntaxe. Par exemple, la déclaration du type de fichier doit uniquement être écrite sous la forme "" ; 2. L'analyse des documents HTML5 n'est plus basée sur SGML 3. HTML5 ajoute du nouveau ; balises sémantiques, suppression de certaines balises d'embellissement de pages Web, rendu plus complète la séparation du style et de la structure, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

HTML5 s'est développé à un rythme alarmant depuis son lancement officiel en 2010. Désormais, les navigateurs grand public prennent essentiellement en charge HTML5 (à l'exception de quelques fonctionnalités qui présentent des problèmes de compatibilité avec les navigateurs), ce qui montre que HTML5 devient de plus en plus populaire. On peut prédire que HTML5 deviendra la technologie dominante du front-end Web dans un avenir proche. Les effets spéciaux HTML5 sont mieux adaptés à l’ère de l’Internet mobile et peuvent mieux prendre en charge le multimédia exécuté sur les appareils mobiles.

Quelles sont les différences entre HTML5 et HTML4 ?

1. Simplification de la syntaxe

Le lancement de html5 a simplifié la syntaxe. Par exemple, dans le doctype du head, il suffit d'écrire .

Et html4 doit être écrit :

2. En termes de normes

L'analyse des documents HTML5 n'est plus basée sur la norme SGML (Standard Generalized Markup Language), mais a formé son propre ensemble de normes .

3. En termes de balises,

de nouvelles balises sémantiques sont ajoutées, notamment

,

;,

,

Supprimer certaines balises d'embellissement de pages Web pour rendre la séparation du style et de la structure plus complète, notamment

, , , , ,

prend en charge l'utilisation de l'audio et de la vidéo dans le multimédia en ajoutant deux balises :

Dans le passé, lors de la lecture multimédia sur une page Web, vous deviez utiliser ActiveX ou un plug-in. Avec HTML5, vous pouvez utiliser les balises

4. En termes d'attributs,

a ajouté certains attributs de formulaire, principalement l'amélioration de l'attribut d'entrée

<!-- 此类型要求输入格式正确的email地址 -->
<input type=email >
<!-- 要求输入格式正确的URL地址  -->
<input type=url >
<!-- 要求输入格式数字，默认会有上下两个按钮 -->
<input type=number >
<!-- 时间系列，但目前只有 Opera和Chrome支持 -->
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<!-- 默认占位文字 -->
<input type=text placeholder="your message" >
<!-- 默认聚焦属性 -->
<input type=text autofacus="true" >
其他标签新增了一些属性,
<!-- meta标签增加charset属性 -->
<meta charset="utf-8">
<!-- script标签增加async属性 -->
<script async></script>
使部分属性名默认具有boolean属性
<!-- 只写属性名默认为true -->
<input type="checkbox"  checked/>
<!-- 属性名="属性名"也为true -->
<input type="checkbox"  checked="checked"/>

5. En termes de stockage,

a ajouté WebStorage, y compris localStorage et sessionStorage

a introduit IndexedDB. et Web SQL vous permet de créer des tables de base de données et de stocker des données côté navigateur. La différence entre les deux est que IndexedDB ressemble davantage à une base de données NoSQL, tandis que WebSQL ressemble davantage à une base de données relationnelle. Le W3C ne prend plus en charge WebSQL.

Introduit le cache d'application (cache d'application), qui peut mettre en cache le Web et l'utiliser lorsqu'il n'y a pas de réseau. En créant un fichier manifeste de cache et en créant un cache d'application, il fournit un support technique sous-jacent pour PWA (Progressive Web App).

Recommandations associées : "Tutoriel vidéo HTML"

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!