Где могут понадобиться некоторые HTML-теги?

Question

Я шел по новым функциям html 5, и я увидел и попробовал много новых тегов, чтобы увидеть, какое влияние они оказывают на браузер, но, честно говоря, я не увидел большой разницы.

ИтакДавайте поговорим о теге <time> в качестве примера:

Если вы записываете <time>10:00</time>, очевидно, он показывает 10:00 на странице, но я имею в виду, что ожидал чего-то более продвинутого, такого как форматирование.Например, если я напишу <time>10</time>, он может отформатировать его до 10:00 вместо того, чтобы просто показывать на странице 10.

Также другим примером может быть <time datetime="2008-02-14">Valentines day</time>, на странице также отображается просто Valentine daysи больше ничего.Никакой подсказки, никакой необычной анимации, ничего подобного им.

Это такие теги, и если это необходимо, я, скорее всего, буду использовать span или что-то еще и использовать некоторый код js, чтобы сделать его болеепривлекательный и все.

Так что я не просто говорю о теге <time> здесь, о любых других тегах, подобных этому.

В конце концов, мой вопрос - почему и где мы должны их использовать.

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

Answer 1

Семантическая разметка возвращает силу пользователям

Возможно, вы можете написать что-то вроде:

<time datetime="2010-10-20" />

, и браузер отобразит это как:

3 days ago

или на некоторых других языках по выбору пользователя.

Семантические разметки - все о таких вещах.Мы помечаем текст как «значение», а не для визуального оформления.Стиль просто дополнительный.Как только вы правильно поняли смысл, пользователь может присвоить этим разметкам свои предпочтения, а не предпочтения автора.Это не было возможно с разметками стиля, жирная разметка может использоваться для добавления акцента, или она может использоваться для заголовков, в то время как в других местах она может использоваться для первого абзаца статьи.Разметка времени всегда используется для времени, разметка выделения всегда используется для добавления выделения, и ничего больше.

Многие браузеры поддерживают пользовательскую таблицу стилей, чтобы позволить пользователю переопределить таблицу стилей, используемую веб-сайтом, но ониочень редко используется, поскольку в настоящее время они бесполезны, потому что они применяют стилизацию без разбора (и из-за отсутствия поддержки инструментов, не всем пользователям нравится писать код CSS; но мы можем утверждать, что отсутствие поддержки инструментов связано с тем, что не так многоиспользуйте эти инструменты, учитывая ограниченную полезность, которую они имеют с разметкой форматирования).

Затем, есть невизуальные браузеры;некоторые люди с нарушениями зрения используют слуховой браузер.Эти браузеры плохо работают с форматированием разметки.

Answer 2

Они определенно используются для добавления семантического значения в разметку. Например:

<div class="post">
<h1>Example Blog Post</h1>
   <div class="entry">
      <p>Blog text goes here...</p>
   </div>
   <div class="entryFooter">
      <p> Posted in example category.</p>
   </div>
</div>

не так удобен для чтения, как использование тегов HTML5:

<article>
   <header>
      <h1>Example Blog Post</h1>
   </header>
   <p>Blog text goes here...</p>
   <footer>
      <p>Posted in example category.</p>
   </footer>
</article>

Это также помогает сделать разметку более читабельной для разработчиков, и я думаю, что это делает стилизацию намного проще. Тег <time> попадает в эту лодку так же, как и обеспечивает более семантическое значение в вашей разметке, чем тег <span>. Таким образом, программы в будущем или браузеры смогут использовать эти семантические данные для изменения времени в соответствии с местным часовым поясом пользователя, например.

Answer 3

Я не думаю, что HTML-теги должны использоваться для предоставления любой информации о стиле - это для CSS. Тем не менее, вы должны использовать новые теги, когда это уместно. Если вы создаете веб-сайт html 5, зачем использовать тег <span> для времени, когда вы можете использовать тег времени? Многие из этих новых тегов ничем не отличаются от своих предшественников по своим функциональным возможностям, но они позволяют вам добавить больше смысла в разметку.

Answer 4

Семантические теги, как вы уже догадались, используются для добавления семантики на веб-страницы. Браузеры обычно не отображают иначе по умолчанию, но вы, конечно, можете стилизовать их так, как хотите с помощью CSS.