communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > Le chemin de Xiaoqiang vers le développement mobile HTML5 (3) - Comparaison entre HTML5 et HTML4

Le chemin de Xiaoqiang vers le développement mobile HTML5 (3) - Comparaison entre HTML5 et HTML4

黄舟
Libérer： 2017-01-22 10:29:09
original
1244 Les gens l'ont consulté

Dans la section précédente, nous avons présenté les nouvelles fonctionnalités de HTML5, l'utilisation de nouvelles balises, la conception de formulaires intelligents, l'introduction d'objets multimédia, des objets Canvas pour votre canevas, des balises graphiques étendues, des applications géographiques en HTML5, un stockage de données indépendant. , et de nouvelles connexions réseau.

HTML 5 constitue le plus grand progrès en matière de normes de développement Web au cours de la dernière décennie. Contrairement aux versions précédentes, HTML 5 n'est pas seulement utilisé pour représenter le contenu Web. Sa nouvelle mission est de faire du Web une plate-forme d'application mature. Sur la plate-forme HTML 5, la vidéo, l'audio, les images, les animations et les interactions informatiques sont standardisés. . (HTML5 possède également son propre logo). L'apprentissage du HTML5 nécessite de maîtriser les aspects de connaissances suivants.

1. Connaissance de base du HTML

2. Connaissance des styles CSS

3 Connaissance de JavaScript

De nombreux amis qui ont déjà appris le HTML 4.0 peuvent. Maintenant, je comprends que je me sens très confus. Quelle est la différence entre HTML 4.0 et HTML5 ? Comment l'apprentissage de HTML4.0 aidera-t-il à apprendre le HTML5 ? En fait, la plus grande différence entre HTML5 et HTML4 est que HTML5 accorde plus d'attention au contenu et à la structure qu'aux performances ? . Par exemple : 

<body>   
  
<header>  
<hgroup>导航相关数据</hgroup>  
</header>   
  
<nav>菜单</nav>   
  
<article>  
<h1>标题:HTML5专题</h1>  
发布日期:<time>19:00</time>  
<time datetime="2013-2-14">情人节</time>  
<p>测试相关内容</p>  
</article>  
  
<footer>   
<address>CSDN-大碗干拌的博客</address>  
</footer>   
  
</body>
Copier après la connexion

Comme beaucoup de balises dans HTML5 ci-dessus, nous pouvons utiliser des balises

à la place dans le HTML4 précédent, alors pourquoi y a-t-il autant de balises inutilisées ? Est-il difficile de se souvenir ? En fait, ce n'est pas le cas. Cela présente de nombreux avantages. Ces balises avec des noms spécifiques permettent de distinguer plus facilement leurs fonctions respectives. Par exemple, elles peuvent être reconnues aussi bien sur les navigateurs PC que sur les navigateurs mobiles et affichées dans un bon. mise en page.


Une autre différence est que HTML5 a simplifié davantage de déclarations et de balises, a également pris des dispositions détaillées sur la compatibilité, supprimé certains éléments et ajouté certains éléments, comme la déclaration suivante :

Déclaration HTML4 : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   
Transitonal//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t......  
<html xmlns="http://www.w3.org/1999/xhtml">  
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
Copier après la connexion

Déclaration HTML5 : 

<!DOCTYPE html>  
<meta charset=utf-8/>
Copier après la connexion

lors de l'introduction de fichiers JavaScript ou CSS A cette époque, l'écriture en HTML4 était la suivante : 

<script src="js/juery-1.6.2.js" type="text/javascript"></script>
Copier après la connexion

est devenu encore plus simple en HTML5 : 

<script src="js/juery-1.6.2.js"></script>
Copier après la connexion

De plus, HTML5 accepte une syntaxe plus souple, telle que

Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2324
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2457
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2074
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1958
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
2027
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal