Pouvez-vous voir la différence entre html5 et html ?
Oui. Les différences sont : dans la déclaration du document, html a un code long, et il est difficile de se souvenir de ce code ; mais html5 est différent, il n'y a qu'une simple déclaration, "". Vous pouvez dessiner, insérer de la vidéo et de l'audio en HTML5 mais pas en HTML.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Qu'est-ce que le HTML5 ?
html5 est un langage de balisage hypertexte nommé pour la première fois par WHATWG (Web Hypertext Application Technology Working Group), puis combiné avec le xhtml2.0 (standard) du W3C pour produire la dernière génération de langage de balisage hypertexte. Cela peut être simplement compris comme : HTML 5 ≈ HTML4.0+CSS3+JS+API.
Quelle est la différence entre hmtl5 et html ?
Les pages Web statiques que nous développons actuellement sur le front-end Web sont généralement HTML4.0. En même temps, il est conforme à la spécification xhtml1.0 du W3C. Alors, quelles sont les différences substantielles entre eux ?
1. Dans la déclaration du type de document
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
HTML5:
<!DOCTYPE html>
Cela ressort de la comparaison entre les deux : en termes de déclaration de document, HTML a un code long, et il est difficile de se souvenir de ce code. Je suppose que beaucoup de gens le génèrent directement avec des outils, n'est-ce pas ? Mais HTML5 est différent. Il ne contient que des déclarations simples, qui sont également plus faciles à retenir et plus simples.
2. En termes de sémantique structurelle
html4.0 : Il n'y a pas de balise qui reflète la sémantique structurelle. Nous la nommons généralement ainsi
<div id="header"></div>
<header> 、<nav>、<article>、<aside>、<footer>..
3. Nouvelles fonctionnalités puissantes de HTML5
(1) Fonction de dessin puissante
Il peut y avoir des animations ou des images, qui peuvent être réalisées grâce à la puissante fonction de dessin de HTML5 et JS. Mais cela ne fonctionne pas en HTML4.0. En HTML5, il y a deux choses qui peuvent être dessinées. Voyons de quelles choses il s'agit. [Recommandation associée : "Tutoriel vidéo HTML5"]
1. Balise Canvas Canvas dessine des graphiques 2D via JavaScript Canvas est pixel par pixel. rendu. Dans Canvas, une fois le graphique dessiné, il ne recevra plus l'attention du navigateur. Si sa position change, la scène entière doit être redessinée, y compris tous les objets qui auraient pu être recouverts par des graphiques. 2.SVG SVG est un langage qui utilise XML pour décrire les graphiques 2D. SVG est basé sur XML, ce qui signifie que chaque élément du DOM SVG est disponible. Vous pouvez attacher un gestionnaire d'événements JavaScript à un élément. En SVG, chaque forme dessinée est traitée comme un objet. Si les propriétés d'un objet SVG changent, le navigateur peut automatiquement reproduire le graphique. Par rapport à d'autres formats d'image (tels que JPEG et GIF), les avantages de l'utilisation de SVG sont : (1) Les images SVG peuvent être créées et modifiées via un éditeur de texte (2) Les images SVG peuvent être recherchées, indexées, scriptées ou compressées (3) SVG est évolutif (4) Les images SVG peuvent être en haute résolution à n'importe quelle résolution Imprimer avec une haute résolution qualité (5) Le SVG peut être agrandi sans perdre la qualité de l'image Ensuite, les deux peuvent être utilisés pour le dessin. Voyons quelle est la différence entre eux : Canvas1. Dépend de la résolution
2. Ne prend pas en charge les gestionnaires d'événements
3. Faibles capacités de rendu de texte
4. Possibilité d'enregistrer les images de résultat au format .png ou .jpg
5. Idéal pour les jeux à forte intensité d'images où de nombreux objets seront redessinés fréquemment
SVG1. Ne dépend pas de la résolution
2. Prend en charge les gestionnaires d'événements
3. Idéal pour les applications avec de grandes zones de rendu Programmes (tels que Google Maps)
4. Une complexité élevée ralentira la vitesse de rendu (toute application qui utilise excessivement le DOM n'est pas rapide)
5. Ne convient pas aux applications de jeux
(2) Ajouter balise vidéo
Peut-être qu'en html4.0, si on veut insérer une vidéo, il faut aussi citer une longue section de code. Mais dans le cas de HTML5. Nous n'avons besoin de l'utiliser que pour une balise vidéo.
<video src="视频地址"></video>//详细属性可以见下图
Quels sont les avantages de fournir un tel label ?
Premièrement : faites gagner du temps aux programmeurs lors de l'écriture du code.
Deuxième : je pense que la chose la plus importante est l'optimisation du référencement.
Que nous nommions nous-mêmes le module de page Web, il existe toujours une telle balise. Parce que le but ultime de la création d’un site Web n’est qu’un seul : gagner de l’argent. Si vous souhaitez réaliser des bénéfices, vous ne pouvez améliorer le classement de votre site Web que grâce à la technologie d'optimisation du référencement, afin que votre site Web ait de la valeur, et c'est précisément ce point que répond html5. Pourquoi tu dis ça ? Parce que les balises qu’il a définies sont plus propices à l’optimisation et que les robots peuvent vous identifier.
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Bordure de tableau en HTML
Sep 04, 2024 pm 04:49 PM
Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.
Marge gauche HTML
Sep 04, 2024 pm 04:48 PM
Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.
Tableau imbriqué en HTML
Sep 04, 2024 pm 04:49 PM
Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.
Disposition du tableau HTML
Sep 04, 2024 pm 04:54 PM
Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.
Espace réservé d'entrée HTML
Sep 04, 2024 pm 04:54 PM
Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.
Liste ordonnée HTML
Sep 04, 2024 pm 04:43 PM
Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.
Déplacer du texte en HTML
Sep 04, 2024 pm 04:45 PM
Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.
Bouton HTML onclick
Sep 04, 2024 pm 04:49 PM
Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.
