Balise du html5 sémantique + position en fonction de la taille d'écran
Balise du html5 sémantique + position en fonction de la taille d'écran was created by Petitnao
Posted 4 years 2 months ago #55229
Bonjour,
J'utilise Template Creator pour créer mes templates.
J'ai mis en ligne mon dernier site, mais le problème est que google m'indique des erreurs pour l'affichage du site sur mobile.
Après plusieurs recherches, on m'a conseillé ces deux points.
J'avoue être un peu perdu, moi qui pensait avoir terminer mon site.
1er point : Le template se contente de créer uniquement des div au lieu de sectionner le contenu et donc d'utiliser des balises du html5 sémantique.
Lorsque que je crée mon template, je crée des conteneurs les un en dessous des autres. Mais comment utiliser ces balises ?
2ème point : En utilisant le "responsive design", je cache des modules ou conteneur en fonction de la taille de l'écran.
De ce fait, j'ai le contenu de chaque bloc qui est dupliqué plusieurs fois dans la page, même si il ne soit pas visible.
On me conseil d'adapter le contenu selon la résolution à l'aide de feuille de style css (media queries et classe css).
Dans ce cas là, je ne comprends plus l'utilité du "responsive design"...
Le site en question est ici .
Merci de votre aide
J'utilise Template Creator pour créer mes templates.
J'ai mis en ligne mon dernier site, mais le problème est que google m'indique des erreurs pour l'affichage du site sur mobile.
Après plusieurs recherches, on m'a conseillé ces deux points.
J'avoue être un peu perdu, moi qui pensait avoir terminer mon site.
1er point : Le template se contente de créer uniquement des div au lieu de sectionner le contenu et donc d'utiliser des balises du html5 sémantique.
Lorsque que je crée mon template, je crée des conteneurs les un en dessous des autres. Mais comment utiliser ces balises ?
2ème point : En utilisant le "responsive design", je cache des modules ou conteneur en fonction de la taille de l'écran.
De ce fait, j'ai le contenu de chaque bloc qui est dupliqué plusieurs fois dans la page, même si il ne soit pas visible.
On me conseil d'adapter le contenu selon la résolution à l'aide de feuille de style css (media queries et classe css).
Dans ce cas là, je ne comprends plus l'utilité du "responsive design"...
Le site en question est ici .
Merci de votre aide
Last Edit:4 years 2 months ago
by Petitnao
Last edit: 4 years 2 months ago by Petitnao.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Balise du html5 sémantique + position en fonction de la taille d'écran
Posted 4 years 2 months ago #55230
Salut
je vais essayer de te répondre
1/ les conteneurs sont des DIV, mais les rangées que tu peux mettre dans les conteneurs sont des SECTION
si tu veux des sections, il faut mettre des rangées et les modules dedans
2/ dupliquer les éléments n'est pas bon et ce n'est pas la manière dont fonctionne le responsive (sauf cas particulier)
je ne sais pas pourquoi tu fais cela, mais il est sur que ça peut étre évité. Quoi qu'il en soit, ce n'a rien à voir avec le template
CEd
je vais essayer de te répondre
>> qui t'a conseillé cela ? Google ?Après plusieurs recherches, on m'a conseillé ces deux points.
1/ les conteneurs sont des DIV, mais les rangées que tu peux mettre dans les conteneurs sont des SECTION
si tu veux des sections, il faut mettre des rangées et les modules dedans
2/ dupliquer les éléments n'est pas bon et ce n'est pas la manière dont fonctionne le responsive (sauf cas particulier)
je ne sais pas pourquoi tu fais cela, mais il est sur que ça peut étre évité. Quoi qu'il en soit, ce n'a rien à voir avec le template
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by Petitnao on topic Balise du html5 sémantique + position en fonction de la taille d'écran
Posted 4 years 2 months ago #55236
Salut Cédric et merci de ton aide.
C'est quelqu'un sur le forum Joomla, qui m'as conseillé ces 2 points.
Je vais essayer de revoir tout le template et sa structuration.
Pour le point 1 : J'ai compris qu'il fallait utilisé des rangée pour créer des sections. Mais comment leur attribuer les balises HTML ?
Exemple : <footer> pour le pied de page.
je renomme juste la rangée.
Désolé si ces questions peuvent paraître bête, je suis novice.
C'est quelqu'un sur le forum Joomla, qui m'as conseillé ces 2 points.
Je vais essayer de revoir tout le template et sa structuration.
Pour le point 1 : J'ai compris qu'il fallait utilisé des rangée pour créer des sections. Mais comment leur attribuer les balises HTML ?
Exemple : <footer> pour le pied de page.
je renomme juste la rangée.
Désolé si ces questions peuvent paraître bête, je suis novice.
by Petitnao
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Balise du html5 sémantique + position en fonction de la taille d'écran
Posted 4 years 2 months ago #55237
mais ton rapport Google, il dit quoi ? car c'est bien ça qui importe ...
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by Petitnao on topic Balise du html5 sémantique + position en fonction de la taille d'écran
Posted 4 years 2 months ago #55238
Ah donc pour toi, ce n'est pas forcement nécessaire de revoir tout le template ? Même le faite de dupliquer le contenu de chaque bloc ?
Le rapport google me dit ça :
- Texte illisible, car trop petit ;
- Éléments cliquables trop rapprochés ;
- Contenu plus large que l'écran
Le rapport google me dit ça :
- Texte illisible, car trop petit ;
- Éléments cliquables trop rapprochés ;
- Contenu plus large que l'écran
by Petitnao
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Balise du html5 sémantique + position en fonction de la taille d'écran
Posted 4 years 2 months ago #55240
le rapport n'a rien à voir avec ce que tu cites au début ...
mais tout cela sort du contexte du support (dans ton abonnement ?) de Template Creator CK car c'est toi qui définit les tailles de police, les tailles des boutons, les marges ...
et ça dépend aussi du contenu ! si tu as des textes ou images avec des largeurs fixes qui sortent de l'écran, ça n'a rien à voir avec le template
mais tout cela sort du contexte du support (dans ton abonnement ?) de Template Creator CK car c'est toi qui définit les tailles de police, les tailles des boutons, les marges ...
et ça dépend aussi du contenu ! si tu as des textes ou images avec des largeurs fixes qui sortent de l'écran, ça n'a rien à voir avec le template
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Time to create page: 0.657 seconds