Что такое HTML5 Semantic Layout? - PullRequest
Новая
       1

Что такое HTML5 Semantic Layout?

6 голосов
/ 20 мая 2011

Хорошо, это глупый вопрос, но что означает «HTML5 обеспечивает семантическое расположение».Что такое «семантическая раскладка»?

Ответы [ 3 ]

9 голосов
/ 20 мая 2011

Это связано с изменением имен тегов в разметке HTML. Поэтому в дополнение к таким вещам, как div, которые могут означать что угодно, есть новые теги, такие как:

  • header
  • article
  • aside
  • nav
  • footer
  • и т.д.

Использование этих тегов предоставляет больше информации о семантическом содержании разметки, в отличие от использования спецификаций, которые больше относятся к стилю, чем к содержимому (например, <div class="header">).

Идея в том, что сам контент говорит вам «что» это такое. Очевидным преимуществом являются такие вещи, как программы чтения с экрана для слабовидящих пользователей, которые могут более эффективно представлять контент пользователю более структурированным образом.

2 голосов
/ 20 мая 2011

Семантическая разметка сместит акцент с презентации на структуру. Например, вместо использования тегов h для увеличения или уменьшения размера текста вы используете теги h для обозначения текста, который служит заголовками для абзацев или разделов.

Вместо общих div с идентификаторами или классами для обозначения их цели, семантическая разметка будет использовать теги, такие как header, footer и nav, чтобы четко идентифицировать разделы документа.

HTML-разметка станет чисто структурной, а информация о представлении будет перемещена на отдельный слой, такой как CSS.

0 голосов
/ 11 сентября 2012

HTML5 макет сайта 

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

</head>

<body>

<header> </header>
<nav><ul>
<li></li>
</ul>
</nav>
<section> <article><figure><img src=""/></figure></article></section>
<footer>by siva </footer>

</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...