Где можно использовать теги 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

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

<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 2

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

Answer 3

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

Answer 4

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

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

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

и браузер отображает его как:

3 days ago 

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

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

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

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