예를 들어 블로그 게시물 또는 기사.
<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>author태그는하지만 … 그래서 저자에 일반적으로 사용되는 HTML5 태그 무엇 존재하지 않는? 감사.
(없으면 하나 있어야하지 않나요?)
답변
모두 rel="author"와 <address>이 정확한 목적을 위해 설계되었습니다. 둘 다 HTML5에서 지원됩니다. 사양은 및 요소 rel="author"에서 사용할 수 있음을 알려줍니다 . Google은 또한 그 사용법을 권장 합니다 . 조합 사용 과 최적 인 것 같습니다. HTML5 는 다음 과 같이 헤드 라인과 바이 라인 정보를 가장 잘 감 쌉니다 .<link> <a><area><address>rel="author"<article><header>
<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>hcard microformat 을 추가하려면 다음과 같이합니다.
<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>답변
HTML5에는 작성자 링크 유형이 있습니다 .
<a href="http://johnsplace.com" rel="author">John</a>여기서 약점은 일종의 링크에 있어야한다는 것입니다.하지만 만약 그렇다면 여기에 대안에 대한 긴 논의가 있습니다 . 링크가 없으면 클래스 속성을 사용하면됩니다.
<span class="author">John</span>답변
HTML5 사양에 따르면 address.
주소 요소는 가장 가까운 기사 또는 본문 요소 상위에 대한 연락처 정보를 나타냅니다.
사양은 address여기에서 작성자와 관련하여 추가 참조
4.4.4 미만
기사 요소 (qv 주소 요소)와 연관된 작성자 정보는 중첩 된 기사 요소에 적용되지 않습니다.
4.4.9 미만
섹션 작성자 또는 편집자의 연락처 정보는 주소 요소에 속하며 바닥 글 내부에있을 수 있습니다.
이 모든 address것이이 정보에 가장 적합한 태그 인 것 같습니다 .
즉, addressa rel또는 classof를 제공 할 수도 있습니다 author.
<address class="author">Jason Gennaro</address>자세히보기 : http://dev.w3.org/html5/spec/sections.html#the-address-element
답변
HTML5에서는 콘텐츠 유형에 대한 정보를 구성하는 데 도움이되는 몇 가지 의미 레이블을 사용할 수 있지만 추가적으로 확인할 수있는 주제와 관련이 있습니다. schema.org . 검색 엔진이 마이크로 데이터 속성을 통해 웹 사이트를 더 잘 이해하도록 돕는 것은 Google, Bing 및 Yahoo의 이니셔티브입니다. Tu post podría tener el siguiente aspecto :
<article itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline">header</h1>
<time itemprop="dateCreated datePublished">09-02-2011</time>
<div itemprop="author publisher" itemscope itemtype="http://schema.org/Organization">
<p>
<img itemprop="image logo" src="..."/>
<span itemprop="name">John</span>
</p>
</div>
</header>
<section itemprop="articleBody" >
My article....
<img itemprop="image" src="..."/>
</section>
</article>답변
rel = “author”에 대한 Google 지원 이 더 이상 사용되지 않습니다 .
“저작권 마크 업은 웹 검색에서 더 이상 지원되지 않습니다.”
설명 목록 (HTML 4.01의 정의 목록) 요소를 사용하십시오.
로부터 HTML5 사양 :
dl 요소는 0 개 이상의 이름-값 그룹 (설명 목록)으로 구성된 연관 목록을 나타냅니다. 이름-값 그룹은 하나 이상의 이름 (dt 요소)과 하나 이상의 값 (dd 요소)으로 구성되며 dt 및 dd 요소 이외의 노드는 무시됩니다. 단일 dl 요소 내에는 각 이름에 대해 하나 이상의 dt 요소가 있어서는 안됩니다.
이름-값 그룹은 용어 및 정의, 메타 데이터 주제 및 값, 질문 및 답변 또는 기타 이름-값 데이터 그룹 일 수 있습니다.
저자 및 기타 기사 메타 정보는 다음 키 : 값 쌍 구조에 완벽하게 들어 맞습니다.
- 작가가 누구야
- 기사가 게시 된 날짜
- 기사가 구성되는 사이트 구조 (카테고리 / 태그 : 문자열 / 배열)
- 기타
의견이있는 예 :
<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="remy@blog.net"><img src="email-sprite.png"></a></dd>
</dl>
</header>
<section class="content">
<!-- article content goes here -->
</section>
</article>사용할 때 볼 수있는 <dl>문서 메타 정보에 대 한 요소를, 우리는 포장 무료입니다 <address>, <a>심지어 <img>태그 <dt>및 / 또는 <dd>에 따라 태그 내용의 본질과는 기능 의도 . , 및 의미 – – 태그는 자신의 일을 자유롭게 부모에 대한 정보를 전달 ; , 및 유사하게 자신의 일을 할 자유 – 다시, 의미 – 각각 권위있는 파티 관련 콘텐츠, 비 언어 적 시각적 표현 및 연락처 정보를 찾을 수에 관한 정보를 전달. <dl><dt><dd><article><a><img><address>
답변
답변
방법에 대한 마이크로 :
<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>