Bonne façon d'utiliser les balises html5

J'essaie d'utiliser la norme HTML5 pour mon site Web.Bonne façon d'utiliser les balises html5

Ici j'ai une page de détail de mon blog.

enter image description here

Voici le code:

<article> 
    <hgroup class="title"> 
     <h1>@Model.Title</h1> 
     <h6>@Html.InsertHeaderPost(@Model.PublishDate, @Model.Tags)</h6> 
    </hgroup> 
    <p>@Html.DisplayTextFor(m => m.Content)</p> 
</article>

Première question: est-ce le bon moyen lors de l'utilisation de l'article et l'étiquette hgroup?

Deuxième question: Comment réduire l'espace entre Intruction à ... et Tags: ..? Je n'ai pas réussi.

Voici mon css pour hgroup

/* page titles */ 
hgroup.title { 
    margin-bottom: 10px; 

}

Merci.

Source

2012-02-07 Bronzato

Pour réduire, il suffit de changer la marge-bas – Hadas

@Hadas: J'essaie de mettre la marge et le remplissage à 0 mais j'ai encore des espaces entre ces deux lignes et je ne sais pas pourquoi? – Bronzato

try 'hgroup.title h6 {margin-top: -10px;}' – Hadas

Oui, c'est bien. En ce qui concerne la marge, essayez d'utiliser un outil de développement de navigateur tel que Firebug ou intégré dans Chrome (appuyez sur F12) pour voir d'où vient l'espace. Clic-droit et en sélectionnant "Inspecter" sur les éléments devrait montrer leurs marges/rembourrage.

Source

2012-02-07 14:01:44 Chris

Merci. C'est ce que je fais avec F12 (IE) mais je n'ai pas vu d'espaces ... quand j'ai mis les marges et le padding à 0 j'ai encore des espaces entre ces deux lignes. – Bronzato

Même lorsque vous donnez explicitement les marges et les paddings 'h1' et' h6' de 0? c'est-à-dire 'h1, h6 {padding: 0; margin: 0;}'? Sauf si 'h1' a un ensemble de hauteur, je ne peux pas penser à quoi d'autre il pourrait être. – Chris

Le débogueur du navigateur sera capable d'afficher toutes les autres règles sur cet élément qui pourraient causer des problèmes, donc vous pouvez vouloir le vérifier (dans un autre que IE ou Opera, qui sont les deux clones de Chrome/Firebug). – ssube

Bonne façon d'utiliser les balises html5

Répondre

Questions connexes