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
1239 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

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal