recherche

Maison  >  Article  >  interface Web  >  Un bref aperçu des balises nouvelles et supprimées dans les compétences du didacticiel html5_html5

Un bref aperçu des balises nouvelles et supprimées dans les compétences du didacticiel html5_html5

WBOY
WBOYoriginal
2016-05-16 15:49:451473parcourir

Nouvelle balise de structure

élément de section
représente un bloc de contenu dans la page, tel qu'un chapitre, un en-tête, un pied de page ou une autre partie de la page. Il peut être utilisé en combinaison avec h1, h2... et d'autres éléments pour représenter la structure du document. Exemple :
…
en HTML5 ;
…

élément article
représente un élément de contenu indépendant sur la page qui n'est pas lié au contexte. Par exemple, un article.
élément de côté
représente des informations auxiliaires liées au contenu de l'élément article en plus du contenu de l'élément article.
élément d'en-tête
représente le titre d'un bloc de contenu dans la page ou dans la page entière.
élément hgroup
signifie regrouper les titres de la page entière ou d'un bloc de contenu dans la page.
élément de pied de page
représente un pied de page pour une page entière ou un bloc de contenu dans une page. En règle générale, il comprend le nom du créateur, la date de création et les coordonnées du créateur.
élément de navigation
représente la partie lien de navigation de la page.
élément figure
représente un élément indépendant du contenu du flux, représentant généralement une unité indépendante dans le contenu du flux principal du document. Utilisez l'élément figcaption pour ajouter une légende à un groupe d'éléments de figure. Par exemple :

Copiez le code
Le code est le suivant :

< figure>
PRC

La République populaire de Chine est née en 1949

🎜>

prc


La République populaire de Chine est née en 1949

🎜>

Ajout d'autres éléments


élément vidéo

définir la vidéo. Comme des clips vidéo ou d’autres flux vidéo. Exemple : Écrit en HTML4 :

élément audio

définit l'audio. Comme la musique ou d'autres flux audio. Exemple :
Écriture en HTML4 :



Copier le code

Le code est le suivant :

élément d'intégration

est utilisé pour intégrer du contenu (y compris divers médias). Le format peut être Midi, Wav, AIFF, AU, MP3, flash, etc. Exemple :
Exemple de code en HTML4 >élément de marquage
est principalement utilisé pour présenter visuellement à l'utilisateur le texte qui doit être mis en évidence ou mis en évidence. Les mots-clés de recherche sont mis en évidence dans les résultats de recherche d'applications typiques. HTML5;HTML4 .

élément de progression
représente un processus en cours Vous pouvez utiliser l'élément de progression pour afficher le processus des fonctions chronophages en JavaScript. En attendant..., veuillez patienter. .
élément time

représente la date ou l'heure, ou les deux en même temps. élément ruby ​​

définit les commentaires ruby ​​(phonétique ou caractère chinois). À utiliser avec les balises et L'élément ruby ​​​​est constitué d'un ou plusieurs caractères (nécessitant une explication/prononciation) et d'un élément rt qui fournit ces informations, ainsi que d'un élément rp facultatif qui définit ce qui est affiché lorsque le navigateur ne prend pas en charge l'élément "ruby" .


Copier le code


Le code est le suivant :
> 汉(ㄏㄢˋ)
élément rt
définit l'interprétation ou la prononciation d'un caractère (phonétique ou caractère chinois).
élément rp
est utilisé dans les commentaires Ruby pour définir le contenu affiché par les navigateurs qui ne prennent pas en charge les éléments Ruby.
élément wbr
représente un saut de ligne doux. La différence avec l'élément br : l'élément br indique qu'un saut de ligne doit être fait ici ; wbr indique que lorsque la fenêtre du navigateur ou l'élément parent est large (quand il n'y a pas besoin d'un saut de ligne), la ligne ne sera pas cassé, mais lorsque la largeur n'est pas suffisante, la ligne sera automatiquement renvoyée ici.
élément canevas
définit des graphiques, tels que des graphiques et d'autres images. L'élément est simplement un conteneur graphique (canvas) et vous devez utiliser des scripts pour dessiner des graphiques.

Copier le code
Le code est le suivant :

🎜>— —Cela semble n'avoir aucun effet. Y a-t-il un problème avec le support ?
représente un bouton de commande, tel qu'un bouton radio, une case à cocher ou un bouton.
L'élément de commande n'est visible que s'il se trouve à l'intérieur de l'élément de menu. Sinon cet élément ne sera pas affiché, mais il pourra être utilisé pour spécifier des raccourcis clavier. .


Copier le code

Le code est le suivant : >< commande onclick="alert('Hello World')"> Cliquez sur moi !


balise de détails
Actuellement, seul Chrome prend en charge la balise de détails
, qui est utilisée pour décrire les détails d'un document ou d'une certaine partie d'un document.
Peut être utilisé avec la balise de résumé, qui peut définir un titre pour plus de détails. Le titre est visible, et lorsque l'utilisateur clique sur le titre, les détails s'affichent. Le résumé doit être le premier élément enfant des détails.
La balise
datalist

définit une liste d'options. Utilisez cet élément en conjonction avec un élément d'entrée pour définir les valeurs possibles de l'entrée. La liste de données et ses options ne sont pas affichées, c'est juste une liste de valeurs d'entrée valides. Utilisez l'attribut list de l'élément d'entrée pour lier la liste de données.



Copier le code

Le code est le suivant :
>



balise de grille de données
Comment l'utiliser ?
Définissez une liste de données facultatives. La grille de données s'affiche sous forme d'arborescence.
Si vous définissez l'attribut multiple sur true, vous pouvez sélectionner plusieurs éléments dans la liste.

balise keygen Comment l'utiliser ? La balise précise le champ générateur de paire de clés à utiliser dans le formulaire.

Lorsque le formulaire est soumis, la clé privée est stockée localement et la clé publique est envoyée au serveur.


Copier le code



Le code est le suivant :

Nom d'utilisateur : Cryptage : < input type="submit" />


balise de sortie

définit différents types de sortie, tels que la sortie de script .



Copier le code

Le code est le suivant :
balise source
La balise
définit les ressources multimédias pour les éléments multimédias (tels que

définit la liste des menus. Utilisez cette étiquette lorsque vous souhaitez répertorier les contrôles de formulaire. Notez la différence avec nav. Menu est spécifiquement utilisé pour les contrôles de formulaire.

Copier le code


Le code est le suivant :


  • Rouge

  • ;bleu

    •

    Nouvelle balise de saisie e-mail
    Doit saisir l'URL de l'e-mail
    Doit saisir le numéro d'adresse URL
    Doit saisir une plage de valeurs
    Doit saisir une plage de valeurs Date Pickers (Date Pickers)
    Il existe plusieurs nouveaux types de saisie pour sélectionner les dates et les heures :
    date - sélectionnez le jour, le mois , année
    mois - Sélectionnez le mois et l'année
    semaine - Sélectionnez la semaine et l'année
    heure - Sélectionnez l'heure (heures et minutes)
    datetime - Sélectionnez l'heure, le jour, le mois, l'année (heure UTC)
    datetime-local - sélectionnez la recherche de l'heure, du jour, du mois, de l'année (heure locale)
    est utilisé pour rechercher le champ, le champ est affiché comme un champ de texte normal. couleur

    Éléments d'abolition

    1. Éléments pouvant être remplacés par CSS
    basefont, big, center, font, s, strike, tt, u. Ces éléments sont uniquement destinés à l'affichage à l'écran. HTML5 préconise de placer les fonctions d'affichage à l'écran dans CSS pour une édition unifiée.

    2. Plus besoin d'utiliser de cadres.

    frameset, cadre, noframes. HTML5 ne prend pas en charge les cadres frame, mais prend uniquement en charge les cadres iframe, ou utilise un format côté serveur composé de plusieurs pages conformes à la page et supprime les trois balises ci-dessus.

    3. Éléments pris en charge uniquement par certains navigateurs

    applet, bgsound, clignotant, chapiteau et autres balises.

    4. Autres éléments supprimés

    Abolissez rb et remplacez-le par ruby.

    Acronyme obsolète et utilisez abbr à la place.

    Supprimez dir et utilisez ul à la place.

    Supprimez isindex et remplacez-le par une combinaison de formulaire et d'entrée

    Supprimer la liste et la remplacer par pré

    Abolissez xmp et utilisez du code à la place

    Supprimer nextid et utiliser les guids

    Déprécier le texte brut et utiliser à la place le type MIME "text/plian" (texte non formaté).

    =============================================== === ============

    En regardant tant de nouvelles balises et éléments, je me demande si le HTML5 arrive vraiment ? La quantité impressionnante d'informations et de didacticiels pertinents, tout le monde parle de HTML5, CSS3 et les principaux fabricants de navigateurs annonçant la prise en charge de HTML5 me donnent l'impression que l'ère du HTML5 est vraiment arrivée. Puis-je l’utiliser en toute sécurité dans mon projet ? Pas encore. Bien qu'IE9 prétende prendre en charge HTML5, IE8 ne le prend pas du tout en charge. Il y a encore un grand nombre de personnes assises devant de vieux téléphones Mercedes-Benz de 2006 et 2007, utilisant le système XP et IE8 installés pour explorer le Web, il y a aussi des vieux nostalgiques et des vieilles dames qui ont acheté de nouveaux téléphones ; il manque les authentiques Win7, remplacez-les par la version D de XP. Bien que Html5shiv soit désormais disponible, IE8 peut avoir une prise en charge limitée de certaines nouvelles balises HTML, seulement quelques nouvelles balises. Je peux choisir la nouvelle technologie à utiliser, mais je ne peux pas exiger que les utilisateurs de votre produit installent un navigateur. En fait, vous n'avez pas nécessairement besoin d'une nouvelle technologie pour créer quelque chose, tant qu'elle est adaptée. Elle est aussi puissante que certains éléments écrits dans asp.net2 maintenant, tout comme la "Cat Theory" de Grand-père Deng, cela fonctionne tout simplement.

    Déclaration：
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Article précédent：Compétences du didacticiel HTML5 et CSS3 pour petites applications_html5Article suivant：Compétences du didacticiel HTML5 et CSS3 pour petites applications_html5

    Articles Liés

    Voir plus