Старые теги в HTML 5

Устаревшие теги в HTML 5

Опубликовано: 18.12.2014 15:52
Просмотров: 2583

В этой статье мы рассмотрим теги HTML, которые уже устарели и в скором времени будут удалены из употребления. Нужно знать такие теги и стараться не использовать их на своих сайтах. Итак, поехали

В новой версии языка HTML, вышедшей в свет 28 октября 2014 года и получивший название HTML 5 стал официальной рекомендацией W3C. В процессе развития данного языка появлялись новые элементы, атрибуты и новые особенности. Многие вещи были переработаны, а некоторые и вовсе вышли из стандарта. Сегодня мы рассмотрим устаревшие теги языка HTML.

Тег hgroup

Данный элемент использовался для группировки нескольких элементов заголовков (h). При помощи данного тега можно создать подзаголовки для составления схемы документа. Пример использования тега hgroup:

1
2
3
4
5
6
7
<article>
   <hgroup>
      <h1>Устаревшие теги языка HTML</h1>
      <h2>Иногда спецификация языка заставляет менять код</h2>
   </hgroup>
   <p>Рассмотрим тему устаревших тегов подробнее...</p>
</article>

Спецификация говорит о том, что тег <hgroup> нужно заменить на:

1
2
3
4
5
6
7
<article>
   <h1>
       Устаревшие теги языка HTML
       <span>Иногда спецификация языка заставляет менять код</span>
   </h1>
   <p>Рассмотрим тему устаревших тегов подробнее...</p>
</article>

 Атрибут pubdate

Данный атрибут используется в теге time для вывода логического значения о дате публикации статьи. Атрибут pubdate говорит о том, что родительский элемент был опубликован в указанную дату. Смотрим пример:

1
2
3
4
5
6
7
<article>
  <h1>Заголовок статьи</h1>
  <p>Тут содержится какой-то текст</p>
  <footer>
    <p>Было опубликовано в <time datetime="2014-12-21" pubdate>21 декабря 2014 года</time></p>
  </footer>
</article>

Без атрибута pubdate данный код будет выглядеть так:

1
2
3
4
5
6
7
<article itemscope itemType="http://schema.org/BlogPosting">
  <h1 itemprop="headline">Заголовок статьи</h1>
  <p itemprop="articleBody">Тут содержится какой-то текст</p>
  <footer>
    <p>Было опубликовано в <time datetime="2014-10-25" itemprop="datePublished">21 декабря 2014 года</time></p>
  </footer>
</article>

 Атрибут scoped

 Этот атрибут используется в атрибуте style. Scoped используется для того, чтобы можно было взять код html и перенести его в другой документ, например, при помощи JavaScript.

1
2
3
4
5
6
7
8
9
10
11
12
13
<article>
  <h1>Заголовок моей статьи</h1>
  <p>Текст...</p>
  <section>
    <style scoped>
      p {
         font-size: 14px;
      }
    </style>
    <h2>Заголовок второго уровня</h2>
    <p>Параграф 14-го размера</p>
  </section>
</article>

Данный атрибут не поддерживается в браузере GoogleChrome, но в Firefox он работает стабильно

Элемент command

Это служебный элемент, который использовался для предоставления пользователю выполнения команды. Сейчас этот тего полностью устарел. Рассмотрим пример использования этого тега:

1
<command type="command" label="Load file" icon="icons/load.jpg" onclick="load()">

Элемент center

Этот элемент позволяет горизонтально центрировать все дочерние элементы. Тег center устарел еще в стандарте HTML 4.0/ Смотрим пример:

1
2
3
4
5
6
7
8
9
10
<html> 
  <head> 
    <title>Смотрим как используется тег CENTER</title> 
  </head>
  <body> 
    <center> 
      <p>В траве сидел кузнечик, совсем как огуречик :) ...</p> 
    </center> 
  </body> 
</html>

Заменить такой код можно при помощи css:

1
2
3
4
5
6
7
8
<html> 
  <head> 
    <title>Смотрим как используется стиль "align-center"</title> 
  </head>
  <body style="text-align:center;"> 
    <p>В траве сидел кузнечик, совсем как огуречик :) ...</p> 
  </body> 
</html>

Мы рассмотрели пятерку устаревших тегов HTML в версии языка 5.0. Хоть эти теги и устаревшие, они все равно поддерживаются браузерами. Но эксперты все же рекомендуют постепенно заменять эти тега на альтернативные. Читайте в статье HTML 2014 - новые плюхи в старой обёртке новинки нотации HTML 5.0

  • Гость - Сара

    На сколько мне известно, то еще не все браузеры поддерживают некоторые теги HTML5. Т.к. основная задача сайта - смочь донести информацию чем большему числу пользователей - старайтесь сделать сайт максимально доступным во всех браузерах. Используйте теги HTML5, но если они не работают где-то, - ищите лазейки и альтернативные способы, чтобы ваша страничка могла корректно отображаться везде.

Оставьте свой комментарий

Оставить комментарий от имени гостя

0 / 2000 Ограничение символов
Ваш текст должен быть в пределах 10-2000 символов
Ваш комментарий будет отправлен на модерацию