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ć?)

Author: Paul D. Waite, 2011-09-03

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>
 40
Author: robertc,
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>
 96
Author: ryanve,
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

 15
Author: Jason Gennaro,
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.

 9
Author: remyActual,
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>
 2
Author: steveax,
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

Możesz użyć

<meta name="author" content="John Doe">

W nagłówku zgodnie ze specyfikacją HTML5 .

 2
Author: Raphael,
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.

 1
Author: Paul D. Waite,
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