Например, сообщения в блоге или статьи.
<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>
Однако author
тега не существует ... Итак, какой тег HTML5 чаще всего используется авторами? Спасибо.
(Если нет, разве не должно быть?)
html
tags
blogs
semantic-markup
Куанг Ван
источник
источник
<cite>
может быть? Я не знаю, лол. : P Хотя это не имеет большого значения в стиле.time
элемент. Посколькуdd-mm-yyy
это не один из признанных форматов, вы должны указать машиночитаемую версию (в одном из распознанных форматов) вdatetime
атрибутеtime
элемента. См. W3.org/TR/2014/REC-html5-20141028/…Ответы:
Оба
rel="author"
и<address>
предназначены именно для этой цели. Оба поддерживаются в HTML5. Спецификация говорит нам , чтоrel="author"
может быть использовано на и элементы. Google также рекомендует его использовать . Комбинированное использование и кажется оптимальным. HTML5 лучше всего позволяет переносить заголовки и информацию о подписи следующим образом:<link>
<a>
<area>
<address>
rel="author"
<article>
<header>
pubdate
Атрибут указывает на то , что это Опубликованная дата.Эти
title
атрибуты не являются обязательными эстакадами.Информация о подписи автора может альтернативно быть обернута в
<footer>
пределах<article>
Если вы хотите добавить микроформат hcard , я бы сделал это так:
источник
.byline address { display:inline; font-style:inherit }
для переопределенияblock
значения по умолчанию в браузерах.<dl>
это жизнеспособно. См., Например, разметку автора в источнике demo.actiontheme.com/sample-page .pubdate
атрибут отсутствует в спецификациях WHATWG и W3C, как здесь пишет Брюс Лоусон , я предлагаю вам удалить его из своего ответа.HTML5 имеет тип ссылки автора :
Слабость здесь в том, что он должен быть на какой-то ссылке, но если она у вас есть, здесь есть долгое обсуждение альтернатив . Если у вас нет ссылки, просто используйте атрибут класса, для чего он:
источник
rel
атрибут предназначен для описания назначения ссылки. Если ссылка не имеет назначения,rel
это бессмысленно.rel="author"
, и, как упоминают Райанве и Джейсон, этотaddress
тег также явно предназначен для выражения авторства.Согласно спецификации HTML5, вы, вероятно, захотите
address
.Дополнительные ссылки
address
на авторов здесьМенее 4.4.4
Менее 4.4.9
Все это создает впечатление, что
address
это лучший тег для этой информации.Тем не менее, вы также можете поставить оценку
address
arel
илиclass
ofauthor
.Подробнее: http://dev.w3.org/html5/spec/sections.html#the-address-element
источник
В HTML5 мы можем использовать некоторые семантические метки, которые помогают организовать информацию о вашем типе контента, но дополнительные и связанные с темой вы можете проверить schema.org . Это инициатива Google, Bing и Yahoo, цель которой - помочь поисковым системам лучше понимать веб-сайты с помощью атрибутов микроданных. Tu post podría tener el siguiente аспект:
источник
Поддержка Google для rel = "author" устарела :
Используйте элемент списка описаний (список определений в HTML 4.01).
Из спецификации HTML5 :
Авторство и другая метаинформация статьи идеально вписывается в эту структуру пары ключ: значение:
Самоуверенный пример:
Как вы можете видеть при использовании
<dl>
элемента для получения информации в статье мета, мы свободны , чтобы обернуть<address>
,<a>
и даже<img>
теги в<dt>
и / или<dd>
тегов в соответствии с характером содержания , и она предназначена функция .В
<dl>
,<dt>
и<dd>
метки могут свободно делать свою работу - семантический - передача информации о родителе<article>
;<a>
,<img>
и<address>
аналогичным образом свободны выполнять свою работу - опять же, семантически - передавая информацию о том, где найти связанный контент, невербальное визуальное представление и контактные данные для авторитетных сторон, соответственно.источник
Ты можешь использовать
в заголовке согласно спецификации HTML5 .
источник
Как насчет микроданных :
источник
Если вы указали контактную информацию об авторе, тогда
<address>
тег подходит:Но если это буквально просто имя автора, для этого нет специального тега. HTML не имеет ничего общего с людьми.
источник