Семантика позиционирования элементов HTML5 - PullRequest
Новая
       4

Семантика позиционирования элементов HTML5

0 голосов
/ 04 мая 2011

Это семантика? 

<!--LINKS-->
<section role="links">

<!--CATEGORIES-->
<section id="categories">
<h3>Categories</h3>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</section>

<!--BLOGROLL LINKS-->
<section id="links">
<h3>Blogroll</h3>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</section>
</section>

1 Ответ

1 голос
/ 04 мая 2011

Вопрос, который вы должны задать, это не "это семантика?"но "несет ли это правильную семантику".т.е. правильно ли смысл информации передается от вас читателю?В конечном счете, только вы знаете, какое значение вы хотите передать, поэтому только вы можете ответить на вопрос.

В этом случае, например, вы использовали текст «lorem ipsum».Но фактическое значение может зависеть от того, каковы эти ссылки на самом деле.

Один общий комментарий.Там нет роли ARIA links.Попробуйте использовать элемент <nav> вместо <section role="links">.Элемент nav отображается на роль ARIA navigation, но рекомендуется использовать нативный элемент, если это возможно.

Вы можете вкладывать <nav> элементы, поэтому другие разделы можно изменить.также, но вам нужно будет подумать, оправдывает ли природа этих ссылок это.В противном случае <section> хорошо для тех.

В остальном это выглядит уместно.

...