Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

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

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Структурная разметка с HTML5. Часть 1.

Опубликовано: 06.10.2017

видео Структурная разметка с HTML5. Часть 1.

Пишем навигационную панель тег nav Html5. 11 Урок
Автор: Евгений Рыжков Дата публикации: 22.09.2010

Последнее обновление: 02.03.2011



Одной из целей HTML5 было создать разметку более доступной и понятной. Одним из решений было добавить несколько новых структурных тегов.

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


Оформление элементов HTML при помощи CSS [GeekBrains]

Чтобы в разметке появилась подобная «карта» в HTML5 были добавлены структурные теги: section, nav, article, header, footer, aside. Это только основные теги, на них пока и остановимся.

Так какие же выгоды нам сулят новые теги

Поисковая оптимизация

Веб документы будет проще прочитать и проанализировать поисковыми роботами. Теперь им будет легче определить, где на странице основной контент, а где вспомогательные колонки, шапка и подвал, где навигация, а где просто ссылки со страницы. Так ссылки в навигации будут иметь вес меньше, чем ссылки находящиеся в статье, а основной контент больший вес нежели вспомогательный или комментарии (отпадет необходимость при верстке поднимать контент для поисковиков, меняя блоки местами всякими хитроумными приемами).


Знакомство с HTML5: элемент header

Так же поисковым системам будет проще определять где первоисточник, а где тыренный контент.

rss