लेखक के नाम को चिह्नित करने के लिए मुझे कौन से एचटीएमएल 5 टैग का उपयोग करना चाहिए?

Question

ब्लॉग-पोस्ट या लेख के उदाहरण के लिए।

<article>
<h1>header<h1>
<time>09-02-2011</time>
<author>John</author>
My article....
</article>

authorटैग मौजूद नहीं है हालांकि ... तो क्या लेखकों के लिए आमतौर पर इस्तेमाल किया एचटीएमएल 5 टैग है? धन्यवाद।

(अगर वहाँ नहीं है, वहाँ एक नहीं होना चाहिए?)

Comments

<cite>शायद? मुझे पता नहीं है। : P शैली में बहुत अधिक अंतर नहीं करता है।

— जोसेफ मैरिकले

यह शैली के बारे में नहीं है। तकनीकी रूप से, आप फ़ॉन्ट आकार को बढ़ाकर केवल शीर्षक बनाने के लिए <p> का उपयोग कर सकते हैं। लेकिन सर्च इंजन इसे ऐसे नहीं समझेंगे।

— jalgames

आपको timeउस तरह के तत्व का उपयोग करने की अनुमति नहीं है। चूंकि dd-mm-yyyमान्यता प्राप्त प्रारूपों में से एक नहीं है, इसलिए आपको तत्व datetimeकी विशेषता में मशीन-पठनीय संस्करण (किसी भी मान्यता प्राप्त प्रारूप में) की आपूर्ति करनी होगी time। देखें w3.org/TR/2014/REC-html5-20141028/…

— एंड्रियास रिब्रब्रांड

वहाँ एक है बेहतर जवाब स्वीकार किए जाते हैं (robertc के) एक से अब।

— डैन डस्केल्सस्कु

Answer 1

दोनों rel="author"और <address>इस सटीक प्रयोजन के लिए डिजाइन किए हैं। दोनों HTML5 में समर्थित हैं। युक्ति हमें बताती है कि rel="author"इसका उपयोग और तत्वों पर किया जा सकता है । Google इसके उपयोग की सिफारिश भी करता है । का उपयोग संयोजन और इष्टतम लगता है। एचटीएमएल 5 सबसे अच्छा अफोर्ड रैपिंग सुर्खियों और bylines जानकारी एक तरह से:<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>

• pubdateविशेषता इंगित करता है कि प्रकाशित की तारीख है।

• titleविशेषताएँ वैकल्पिक फ्लाइओवर हैं।

• वैकल्पिक रूप से बायलाइन जानकारी को एक के <footer>भीतर लपेटा जा सकता है<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>

Comments

"पता" टैग से पहले "द्वारा" नहीं होना चाहिए? यह वास्तव में पते का हिस्सा नहीं है।

— आर्दलेहोवर

@aridlehoover या तो सही लगता है के अनुसार whatwg.org/specs/web-apps/current-work/multipage/... बाहर का उपयोग करते हैं - .byline address { display:inline; font-style:inherit }ओवरराइड करने के लिए blockब्राउज़रों में डिफ़ॉल्ट।

— ryanve

@aridlehoover मुझे भी लगता है कि <dl>यह व्यवहार्य है। उदाहरण के लिए Demo.actiontheme.com/sample-page के स्रोत में बाइलाइन मार्कअप देखें ।

— ryanve

चूंकि pubdateविशेषता WHATWG और W3C दोनों स्पेक्स से चली गई है, जैसा कि ब्रूस लॉसन यहां लिखते हैं , मैं आपको सुझाव देता हूं कि आप इसे अपने उत्तर से हटा दें।

— पॉल कोज़लोविच

Answer 2

HTML5 में एक लेखक लिंक प्रकार है :

<a href="http://johnsplace.com" rel="author">John</a>

यहां कमजोरी यह है कि इसे किसी प्रकार के लिंक पर होना चाहिए, लेकिन अगर आपके पास यहां विकल्पों की लंबी चर्चा है । यदि आपके पास लिंक नहीं है, तो बस एक वर्ग विशेषता का उपयोग करें, यही वह है:

<span class="author">John</span>

Comments

@ क्यू हाँ, मुझे लगता है कि वास्तविक लिंक के बिना एक लिंक प्रकार शब्दार्थ को चिह्नित करने के प्रयास को विफल कर देगा।

— रॉबर्ट

@ क्यूंग: relविशेषता यह बताने के लिए है कि लिंक का गंतव्य क्या है। यदि लिंक का कोई गंतव्य नहीं है, relतो अर्थहीन है।

— पॉल डी। वेट

आप इस प्रकार की जानकारी को व्यक्त करने के तरीकों के लिए स्कीमा.ऑर्ग को देखना चाहते हैं।

— माइकल जियो

@ jdh8 क्योंकि जॉन एक काम का शीर्षक

— रॉबर्ट

यह उत्तर अभी सबसे अच्छा नहीं है। Google अब समर्थन नहीं करता हैrel="author" , और जैसा कि रानवे और जेसन का उल्लेख है, addressटैग स्पष्ट रूप से लेखकों की अभिव्यक्ति के लिए भी था।

— डैन डस्केलस्क्यू

Answer 3

HTML5 कल्पना के अनुसार, आप शायद चाहते हैं address।

पता तत्व अपने निकटतम लेख या शरीर तत्व पूर्वज के लिए संपर्क जानकारी का प्रतिनिधित्व करता है।

addressयहाँ लेखकों के संबंध में विशेष संदर्भ

4.4.4 के तहत

लेख तत्व से संबंधित लेखक की जानकारी (पता तत्व qv) नेस्टेड लेख तत्वों पर लागू नहीं होती है।

4.4.9 के तहत

लेखक या अनुभाग के संपादक के लिए संपर्क जानकारी संभवतः एक पाद लेख के अंदर एक पता तत्व में है।

जो सभी बनाता है यह लगता है कि addressइस जानकारी के लिए सबसे अच्छा टैग है।

उस ने कहा, तुम भी अपने या में से addressएक दे सकते हो ।relclassauthor

<address class="author">Jason Gennaro</address>

और पढ़ें: http://dev.w3.org/html5/spec/sections.html#the-address-element

Comments

धन्यवाद जेसन, क्या आप जानते हैं कि "qv" का क्या अर्थ है? के तहत> 4.4.4> लेख तत्व से संबंधित लेखक की जानकारी (पता तत्व qv) नेस्टेड लेख तत्वों पर लागू नहीं होती है।

— क्वांग वान

@QuangVan - (प्रतीक्षा करें, आपके आद्याक्षर हैं ... qv hmm) - qv का अर्थ है "क्वॉड विड" या "इस पर (मामला) देखें" - "qv" की बात पर बेटा देखें । / 25252 /… (qv) हाहा

— पेजमैन 5:10 बजे

@ जसनगोनारो हाहा नेनोस गिगेंटम ह्यूमरिस इंसिडेंस!

— पेजमैन

योग्य, मुझे यह पता लगाने में थोड़ी देर लगी कि ये टिप्पणियां किस बात का जिक्र कर रही थीं ... लैटिन कम करने के लिए धन्यवाद :)

— Quang Van

Answer 4

Rel = "लेखक" के लिए Google समर्थन को हटा दिया गया है :

"प्रमाणीकरण मार्कअप अब वेब खोज में समर्थित नहीं है।"

विवरण सूची (HTML 4.01 में परिभाषा सूची) तत्व का उपयोग करें।

से एचटीएमएल 5 कल्पना :

Dl तत्व एक संघ सूची का प्रतिनिधित्व करता है जिसमें शून्य या अधिक नाम-मूल्य समूह (एक विवरण सूची) शामिल हैं। नाम-मान समूह में एक या एक से अधिक नाम (dt तत्व) होते हैं, इसके बाद dt और dd तत्वों के अलावा किसी भी नोड्स को अनदेखा करते हुए एक या अधिक मान (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="[e-mail]"><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>

Answer 5

एचटीएमएल 5 में हम कुछ सिमेंटिक लेबल का उपयोग कर सकते हैं जो आपके प्रकार की सामग्री के बारे में जानकारी को व्यवस्थित करने में मदद करते हैं, लेकिन अतिरिक्त और संबंधित विषय से आप schema.org की जांच कर सकते हैं । यह Google, बिंग और याहू की एक पहल है जिसका उद्देश्य खोज इंजन को माइक्रोडाटा विशेषताओं के माध्यम से वेबसाइटों को बेहतर ढंग से समझने में मदद करना है। तू पद पोद्रिया टेनेर एल सिगुएंटे पहलू:

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

Comments

निश्चित रूप से 2019 के लिए सबसे सटीक उत्तर है।

— सिमोन जी

ध्यान दें कि schema.org HTML5 का हिस्सा नहीं है। यह एक अलग विनिर्देश है।

— येटेक

Answer 6

आप उपयोग कर सकते हैं

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

एचटीएमएल 5 विनिर्देश के अनुसार हेडर में ।

Answer 7

माइक्रोडाटा के बारे में कैसे :

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

Answer 8

यदि आप लेखक के लिए संपर्क विवरण शामिल करते हैं, तो <address>टैग उपयुक्त है:

• http://dev.w3.org/html5/spec-author-view/the-address-element.html#the-address-element

लेकिन अगर यह सचमुच लेखक का नाम है, तो उसके लिए कोई विशेष टैग नहीं है। HTML में लोगों से संबंधित बहुत कुछ शामिल नहीं है।