5 устаревших функций в HTML5

2. Атрибут pubdate

Первые проекты спецификации элемента article определили атрибут article Это было логическое значение, указывающее, что данная дата была датой публикации родительского элемента <article>
<h1>The title of my article</h1>
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nunc laoreet luctus rhoncus.</p>
<footer>
<p>Published on <time datetime="2014-10-25" pubdate>October the 25th, 2014</time></p>
</footer>
</article>article

Пример использования показан ниже:

 pubdate

В этом случае 25 октября 2014 года будет датой публикации контента внутри элемента datePublished

К сожалению, <article itemscope itemType="http://schema.org/BlogPosting">
<h1 itemprop="headline">The title of my article</h1>
<p itemprop="articleBody">Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nunc laoreet luctus rhoncus.</p>

<footer>
<p>Published on <time datetime="2014-10-25" itemprop="datePublished">October the 25th, 2014</time></p>
</footer>
</article> Однако вы все равно можете предоставить ту же информацию, используя схему BlogPosting и ее значение scoped

 scoped

3. Атрибут области

Атрибут stylestylestylescoped

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

<article>
<h1>The title of my article</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc laoreet luctus rhoncus.</p>
<section>
<style scoped>
p {
color: red;
}
</style>
<h2>Another title</h2>
<p>This paragraph will be red.</p>
</section>
</article>

Пример его использования показан ниже:

 scoped

Возможно, вы заметили, что при обсуждении этого атрибута я использовал настоящее время вместо прошлого. Причина в том, что, хотя поддержка command , она все еще поддерживается в Firefox .

4. Элемент управления

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

Пример его использования, взятый со страницы MDN , показан ниже:

 <command type="command" label="Save" 
         icon="icons/save.png" onclick="save()">

5. center

Вы, наверное, задаетесь вопросом, почему я упоминаю об этом, так как этот тег уже был объявлен устаревшим в HTML 4. Элемент center Это было признано устаревшим в пользу свойства text-align

В HTML5 этот элемент считается устаревшим из-за его презентационной природы.

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

Несколько месяцев назад он написал следующее сообщение:

Несколько человек, включая меня, думали, что он саркастичен, но затем он опубликовал сообщение в блоге, чтобы объяснить свою точку зрения. Он объяснил, что хотя centerspandiv Но чтобы использовать их, вам также нужно использовать CSS для фактического центрирования их контента. Итак, он рассуждает так: почему бы не использовать вместо этого center

Несмотря на то, что я понимаю его мнение и то, что он пытался сказать, center Но что вы думаете?

Вывод

Итак, подведем итог: если вы пропустили некоторые новости и обсуждения стандартов HTML5 и по-прежнему используете один или несколько из этих элементов и атрибутов, теперь вы знаете, что они пропали.

Мы рассмотрели, как иногда элементы и атрибуты, которые поначалу казались полезными, не вызывали особого интереса у разработчиков или поставщиков браузеров. По этой причине они были удалены из спецификации и, следовательно, устарели.