Une brève analyse de la mise en page HTML5 pour les appareils mobiles _Compétences du didacticiel HTML5

Nous combinons les caractéristiques des appareils mobiles (téléphones mobiles et tablettes) pour introduire les nouveaux éléments de balises sémantiques en HTML5, ainsi que les connaissances et les exemples de mise en page Web sous les navigateurs Web mobiles.
Parmi les nouveaux éléments ajoutés par la norme HTML5, ceux utilisés pour les structures de pages courantes incluent l'en-tête, le pied de page, la navigation, la section d'article hgroup.
Ce qui suit est une brève introduction à cet élément :
1.header
l'élément header> définit la combinaison de pages du document, généralement des informations d'orientation et de navigation, et la balise généralement. contient des informations d'en-tête de section, telles que h1~h6 ou hgroup, etc.

Copier le code

Le code est le suivant :

>　h1>Apprentissage de la mise en page HTML5
　

Étudier dur

est cohérent avec le code suivant :

Copiez le code

Le code est le suivant :

　

Apprentissage de la mise en page HTML5

　

Étudier dur

L'élément

2.footer

définit la fin du document ou du chapitre et contient des informations de base sur le chapitre, telles que des informations sur l'auteur, des liens connexes et des informations sur les droits d'auteur. Vous pouvez utiliser plusieurs en-têtes et pieds de page sur une page, et vous pouvez également insérer d'autres éléments, tels que div ul, etc.

Informations de confidentialité

　

À propos de nous

L'élément

3.nav

est utilisé pour définir la navigation construite, afficher les liens de navigation et est utilisé pour mettre certains liens de navigation principaux de la page actuelle.

　

　　
• Informations de confidentialité
　　　
gt; 🎜>　
4.aside
est utilisé pour définir une zone d'une page, utilisé pour représenter le contenu principal lié à la page et utilisé pour charger du non-texte contenu principal, tel que colonnes publicitaires, barre latérale, etc.
5.article
L'élément
représente un document ou une page et est utilisé pour afficher un élément indépendant du contenu d'un article, tel qu'une actualité de site Web, un article de blog, etc. .
　




Copier le code

Le code est le suivant :



Article Tag 1

　　　　
Article Tag2
　　　

6.section 　 La section dans le premier élément de l'élément

, comme les chapitres, les en-têtes et les pieds de page. 　

Copier le code


Le code est le suivant :

　

;/h1> 🎜>


7.hgroup

　

est défini comme une combinaison d'éléments de titre d'une page Web ou d'une section, utilisant généralement des nœuds de balises h1~h6 à plusieurs niveaux pour le regroupement.
　

Copier le code

Le code est le suivant : hgroup>
　　　

🎜> 🎜 >

En fait, en plus des balises sémantiques que nous avons introduites, d'autres balises avec une sémantique différente sont définies dans la norme HTML5.

* audio : Définir le contenu audio. * canevas : définir la fonction canevas. * commande : Définir un bouton de commande. * datalist : Définissez une liste déroulante. * détails : Définir le contenu détaillé d'un élément.

* dialogue : Définir une boîte de dialogue.

* keygen : définissez une valeur de clé revendiquée dans le formulaire.

* marque : définit le texte marqué.
* sortie : définissez certains types de sortie.
* progression : Définir le processus de la tâche.
* source : Définir les ressources médiatiques.
* vidéo : Définir un contenu vidéo.
Bien que de nombreux nouveaux éléments aient été ajoutés au standard HTML5, il n'existe pas beaucoup de possibilités de les utiliser réellement dans les applications Web mobiles.
Bien que les balises telles que l'audio et la vidéo puissent être utilisées dans les applications Web mobiles, en raison de leurs performances, de leur compatibilité et du rendu des pages, elles ne peuvent pas être correctement appliquées aux navigateurs Web sur les smartphones et les tablettes.