Którego znacznika HTML5 powinienem użyć, aby oznaczyć nazwisko autora?
Na przykład blog-post lub artykuł.
<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>
Znacznik author
nie istnieje... Więc jaki jest powszechnie używany tag HTML5 dla autorów?
Dzięki.
(Jeśli nie ma, nie powinno być?)
7 answers
HTML5 ma typ linku author :
<a href="http://johnsplace.com" rel="author">John</a>
Słabością jest to, że musi być na jakimś linku, ale jeśli masz to jest długa dyskusja o alternatywach tutaj . Jeśli nie masz linku, po prostu użyj atrybutu class, do tego służy:
<span class="author">John</span>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-08-23 11:41:25
Obie rel="author"
oraz <address>
są przeznaczone do tego właśnie celu. Oba są obsługiwane w HTML5. Spec mówi nam, że rel="author"
może być stosowany na <link>
<a>
, i <area>
elementów. Google również zaleca jego użycie. Połączenie użycia <address>
i rel="author"
wydaje się optymalne. HTML5 najlepiej nadaje się do owijania <article>
Informacje o nagłówkach i bylinach w <header>
Jak tak:
<article>
<header>
<h1 class="headline">Headline</h1>
<div class="byline">
<address class="author">By <a rel="author" href="/author/john-doe">John Doe</a></address>
on <time pubdate datetime="2011-08-28" title="August 28th, 2011">8/28/11</time>
</div>
</header>
<div class="article-content">
...
</div>
</article>
Atrybut
pubdate
wskazuje, że jest to Data publikacji.Atrybuty
title
są opcjonalnymi wiaduktami.Informacje o bylinach mogą być alternatywnie owinięte w
<footer>
w ramach<article>
Jeśli chcesz dodać microformat hcard, wtedy zrobiłbym to tak:
<article>
<header>
<h1 class="headline">Headline</h1>
<div class="byline vcard">
<address class="author">By <a rel="author" class="url fn n" href="/author/john-doe">John Doe</a></address>
on <time pubdate datetime="2011-08-28" title="August 28th, 2011">on 8/28/11</time>
</div>
</header>
<div class="article-content">
...
</div>
</article>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-06-24 20:31:30
Zgodnie ze specyfikacją HTML5, prawdopodobnie chcesz address
.
Element adres reprezentuje dane kontaktowe dla jego najbliższy przodek artykułu lub elementu body.
Spec dalsze odniesienia address
w odniesieniu do autorów tutaj
Pod 4.4.4
Informacje o autorze związane z elementem artykułu (Q. V. the element adresu) Nie dotyczy zagnieżdżonych elementów artykułu.
Pod 4.4.9
Dane kontaktowe autora lub redaktora działu znajdują się w element adresu, ewentualnie sam wewnątrz stopki.
Wszystko to sprawia, że wydaje się, że {[1] } jest najlepszym tagiem dla tej informacji.
To powiedziawszy, możesz również dać address
a rel
lub class
z author
.
<address class="author">Jason Gennaro</address>
Czytaj więcej: http://dev.w3.org/html5/spec/sections.html#the-address-element
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-03 02:27:37
Wsparcie Google dla rel="autor" jest przestarzałe :
" znaczniki autorstwa nie są już obsługiwane w wyszukiwarce internetowej."
Użyj elementu lista opisów (lista definicji w HTML 4.01).
From the HTML5 spec:
Element dl reprezentuje listę asocjacyjną składającą się z zero lub więcej grup nazwa-wartość (lista opisowa). Grupa nazwa-wartość składa się z jednej lub więcej nazw (elementów dt) po której następuje jedna lub więcej wartości (elementy dd), ignorując dowolne węzły inne niż elementy dt i dd. W obrębie jednego elementu dl nie powinno być więcej niż jednego elementu dt dla każdej nazwy.
Grupy Nazwa-Wartość mogą być terminami i definicjami, tematami metadanych i wartościami, pytaniami i odpowiedziami lub innymi grupami danych nazwa-wartość.
Autorstwo i inne informacje meta artykułu idealnie pasują do tego klucza: struktura pary wartości:
- Kto jest autor
- Data publikacji artykułu
- struktura strony, pod którą jest zorganizowany artykuł (Kategoria/tag: string/tablice)
- itd.
Opiniotwórczy przykład:
<article>
<header>
<h1>Article Title</h1>
<p class="subtitle">Subtitle</p>
<dl class="dateline">
<dt>Author:</dt>
<dd>Remy Schrader</dd>
<dt>All posts by author:</dt>
<dd><a href="http://www.blog.net/authors/remy-schrader/">Link</a></dd>
<dt>Contact:</dt>
<dd><a mailto="[email protected]"><img src="email-sprite.png"></a></dd>
</dl>
</header>
<section class="content">
<!-- article content goes here -->
</section>
</article>
Jak widać, używając elementu <dl>
do meta informacji o artykule, możemy swobodnie zawijać <address>
, <a>
i nawet <img>
tagi w <dt>
i/lub <dd>
tagi zgodnie z charakter treści i jej zamierzona funkcja .
Na <dl>
, <dt>
i <dd>
znaczniki są wolne od pracy-semantycznie-przekazywanie informacji o rodzicu <article>
; <a>
, <img>
i <address>
są podobnie swobodnie wykonywać swoją pracę-ponownie, semantycznie-przekazując informacje dotyczące tego, gdzie znaleźć powiązane treści, niewerbalną prezentację wizualną i dane kontaktowe do autorytatywnych stron, odpowiednio.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-09-07 00:49:45
A może mikrodata :
<article>
<h1>header<h1>
<time>09-02-2011</time>
<div id="john" itemscope itemtype="http://microformats.org/profile/hcard">
<h2 itemprop="fn">
<span itemprop="n" itemscope>
<span itemprop="given-name">John</span>
</span>
</h2>
</div>
My article....
</article>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-09-10 17:30:44
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-02-26 11:29:39
Jeśli podałeś dane kontaktowe autora, to znacznik <address>
jest odpowiedni:
Ale jeśli to dosłownie tylko nazwisko autora, nie ma na to konkretnego znacznika. HTML nie zawiera wiele związanych z ludźmi.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-03 01:19:04