Заметки вебмастера

Если Вы не знаете, что это такое, советую изучить созданные Вами HTML-документы. Только предварительно отключите внешнее форматирование — картинки, Java Script и CSS-стили.

Если Вы видите заголовки, ссылки, подпункты, важные словосочетания — значит, в документе присутствует семантическая разметка.

Как создать разметку с помощью HTML-элементов? Для начала, выделите заголовки h1 — h6. В этих заголовках должно находиться краткая аннотация текста, который в них находится. Именно краткая, много писать не нужно.

Выберите основной заголовок и разместите его в h1. Затем создавайте подзаголовки, но по порядку, т.е. после h1 должен идти h2, и так далее — по порядку. Так документ будет иметь лучшую структуру, в которой заголовок более низкого уровня будет находиться только при наличии заголовка более высокого уровня.

Кроме вышеизложенных, используйте и другие элементы: strong и b — чтобы сделать текст полужирным, em — курсивом, u — провести под ним черту. Тегом alt давайте характеристику изображениям. Тегами p и ul — создавайте абзац и список соответственно. Это нужно для правильного построения текста.

Семантической разметки можно добиться, проверстав сайт одним из двух способов. Первый способ — табличный. Создаются таблицы, текст содержится в ячейках. Этот метод на сегодняшний день не очень актуален, потому как в таблицах нужно размещать только определённые данные, как правило, расчёты, показатели, статистику и тому подобное. Тем не менее, довольно многие используют именно этот способ, из-за его легкости.

Другой способ — блочная верстка. Этот метод считается более усовершенствованным, поэтому многие советует использовать именно его. Используя его, текст необходимо размещать в блоках div, предоставляя каждому блоку css-стиль.

~
Продвижение сайтов заказывайте у профессионалов с сайта turboseo.com.ua. Цены разумные.