Блог

Главная - Вопросы по программированию - Что такое семантический макет HTML5?

Что такое семантический макет HTML5?

#html

Вопрос:

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

Ответ №1:

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

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

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

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

Ответ №2:

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

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

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

Ответ №3:

Макет сайта на 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>
Метки: