2012-02-07 3 views
1

Я пытаюсь использовать стандарт HTML5 для своего сайта.Хороший способ использования html5-тегов

Здесь у меня есть подробная страница моего блога.

enter image description here

Вот код:

<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> 

Первый вопрос: это хороший способ при использовании статьи и HGroup тег?

Второй вопрос: Как я могу сократить пространство между Intruction à ... и тегами: ..? Мне это не удалось.

Вот мой CSS для HGroup

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

} 

Спасибо.

+0

Для уменьшения просто измените margin-bottom – Hadas

+0

@Hadas: Я пытаюсь установить край и дополнение на 0, но у меня все еще есть пробелы между этими двумя строками, и я не знаю почему? – Bronzato

+0

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

ответ

1

Да, это нормально. Что касается маржи, попробуйте использовать инструмент разработчика браузера, например Firebug или встроенный Chrome (нажмите F12), чтобы узнать, откуда это место. Щелчок правой кнопкой мыши и выбор «Осмотр» на элементах должен показывать их поля/отступы.

+0

Спасибо. Это то, что я делаю с F12 (IE), но я не видел никаких пробелов ... когда я устанавливаю поля и дополнение к 0, у меня все еще есть пробелы между этими двумя строками. – Bronzato

+0

Даже если вы явно указываете поля «h1» и «h6» и paddings 0? то есть 'h1, h6 {padding: 0; margin: 0;}'? Если у 'h1' нет набора высоты, я не могу думать о том, что еще может быть. – Chris

+0

Отладчик браузера сможет показывать любые другие правила для этого элемента, которые могут вызывать проблемы, поэтому вы можете проверить его (в другом, кроме IE или Opera, которые оба лишены клонов Chrome/Firebug). – ssube

Смежные вопросы