Каталог статей по Web-программированию 


header элемент HTML5

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

Элемент header также как остальные элементы (main, article, side, nav и т.д.) входящие в HTML5, интересное нововведение в плане верстки документа. Их использование превращает вашу веб-страницу в семантически организованную систему, помогая поисковым машинам детально распознать контент документа.

Название элемента header уже подсказывает, что предназначен он для предоставления вводной информации:

  • заголовки h1-h6;
  • логотип img;
  • навигационная панель nav;
  • список определений dl;

Header как элемент представления реквизитных данных о странице

На большинстве вебстраниц header является первым элементом в структуре документа, своеобразная его шапка, и несет информацию, дающую краткое представление о ресурсе: название сайта, его девиз, логотип, панель навигации и т.д.

Подробнее..

Как заставить понимать новые HTML5 элементы браузер IE версии 8 и ниже

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

В HTML5 добавлено множество новых элементов разметки: main, header, article, aside, footer, section и т.д.. Основная цель нововведений помочь поисковым системам лучше понять контент вашего веб-сайта.

Однако как это всегда бывает, браузеры подкидывают сложности веб-мастеру, а точнее браузеры старые и почти забытые, но хороший веб-мастер должен учесть все, в том числе и посетителей которые до сих пор предпочитают IE версии 8 и ниже.

Так как же ведет себя IE8, по отношению к нововведенным элементам? А ведет он себя очень скверно, попросту игнорируя их, и если вы создадите документ с примерно таким содержимым, как показано в листинге 1, (обратите внимание на CSS стиль, который должен оформить элемент <article>), то, как видно из рисунка 1, они к элементу попросту не применятся.

Подробнее..

Размещение мультимедийных элементов с помощью HTML5

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

Размещение мультимедийных элементов с помощью HTML5

До недавнего времени добавление в документ мультимедийного элемента осуществлялось с помощью громоздкого кода. Однако появление HTML5 существенно облегчило задачу веб-мастеру, теперь встроить в веб-страницу видео или звук можно с помощью одного парного тега с простыми и понятными атрибутами:

  • для звука <audio></audio>
  • для видео <video></video>

 

Подробнее..