কোন লেখকের নাম চিহ্নিত করতে আমার কোন HTML5 ট্যাগ ব্যবহার করা উচিত?


97

ব্লগ-পোস্ট বা নিবন্ধের উদাহরণ হিসাবে।

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

authorট্যাগ বিদ্যমান নয় যদিও ... তাই কি লেখকদের জন্য সাধারণভাবে ব্যবহৃত HTML5 এর ট্যাগ কি? ধন্যবাদ

(যদি তা না থাকে তবে সেখানে একটি থাকা উচিত নয়?)


<cite>হতে পারে? আমি লোল জানি না। : পি যদিও শৈলীতে খুব একটা পার্থক্য তৈরি করে না।
জোসেফ মেরিকলে

4
এটা স্টাইল সম্পর্কে নয়। প্রযুক্তিগতভাবে, আপনি কেবলমাত্র ফন্টের আকার বাড়িয়ে একটি শিরোনাম তৈরি করতে <p> ব্যবহার করতে পারেন। তবে অনুসন্ধান ইঞ্জিনগুলি এটির মতো বুঝতে পারবে না।
জলগেমস

4
আপনাকে সেই জাতীয় timeউপাদান ব্যবহার করার অনুমতি নেই । যেহেতু dd-mm-yyyস্বীকৃত ফর্ম্যাটগুলির মধ্যে একটি নয় datetime, আপনাকে timeউপাদানটির একটি বৈশিষ্ট্যে একটি মেশিন-পঠনযোগ্য সংস্করণ (স্বীকৃত ফর্ম্যাটগুলির একটিতে) সরবরাহ করতে হবে । W3.org/TR/2014/REC-html5-20141028/…
Andreas Rejbrand

4
একটা ব্যাপার ভাল উত্তর গৃহীত (robertc এর) একটির এখন।
ড্যান ড্যাসক্লেস্কু

উত্তর:


115

উভয় rel="author"এবং <address>এই সঠিক উদ্দেশ্যে জন্য ডিজাইন করা হয়। উভয়ই HTML5 এ সমর্থিত। অনুমানটি আমাদের জানায় যে এগুলি এবং উপাদানগুলি rel="author"ব্যবহার করা যেতে পারে । এছাড়াও Google বিশেষ পরামর্শ দেওয়া হচ্ছে তার ব্যবহার । ব্যবহারের সমন্বয় এবং সর্বোত্তম বলে মনে হচ্ছে। এইচটিএমএল 5 এর মতো শীর্ষে শিরোনাম এবং বাইলাইনগুলি তথ্য মোড়ক সরবরাহ করে :<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 মাইক্রোফর্ম্যাটটি যুক্ত করতে চান তবে আমি এটির মতো করব:

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

4
<< ঠিকানা> ট্যাগের আগে "বাই" করা উচিত নয়? এটি আসলে ঠিকানার অংশ নয়।
এরিডলহুভার

4
@aridlehoover হয় সঠিক বলে মনে হয় অনুযায়ী whatwg.org/specs/web-apps/current-work/multipage/... বাহিরে ব্যবহার করেন - .byline address { display:inline; font-style:inherit }ওভাররাইড করতে blockব্রাউজারে ডিফল্ট।
ryanve

@ আরিডলহুভার আমিও <dl>এটি কার্যকর বলে মনে করি । উদাহরণস্বরূপ ডেমোঅ্যাকশনটিমেট / স্যাম্পেল- পৃষ্ঠাটির উত্সটিতে বাইলাইন মার্কআপ দেখুন ।
ryanve

4
pubdateব্রুস লসন এখানে যেমন লিখেছেন, WHATWG এবং W3C স্পেস থেকে এই বৈশিষ্ট্যটি মুছে ফেলা হয়েছে , আমি আপনাকে আপনার উত্তর থেকে এটি সরিয়ে দেওয়ার পরামর্শ দিচ্ছি।
পল কোজলোভিচ

51

এইচটিএমএল 5 এর একটি লিঙ্কের লিঙ্ক প্রকার রয়েছে :

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

এখানে দুর্বলতা হ'ল এটি কোনও ধরণের লিঙ্কে থাকা দরকার, তবে আপনার যদি তা থাকে তবে এখানে বিকল্পগুলির একটি দীর্ঘ আলোচনা রয়েছে । আপনার যদি কোনও লিঙ্ক না থাকে তবে কেবল একটি শ্রেণির বৈশিষ্ট্যটি ব্যবহার করুন, এটি তার জন্য:

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

4
@ কোয়াং হ্যাঁ, আমি মনে করি সত্যিকারের লিঙ্ক ব্যতীত একটি লিঙ্কের ধরণ এটি শব্দার্থকভাবে চিহ্নিত করার চেষ্টা করার উদ্দেশ্যকে পরাস্ত করবে।
রবার্টক

4
@ কোয়াং: relলিঙ্কটির গন্তব্য কী তা বর্ণনা করার জন্য বৈশিষ্ট্যটি রয়েছে। লিঙ্কটির কোনও গন্তব্য না থাকলে relতা অর্থহীন।
পল ডি ওয়েট

4
এই ধরণের তথ্য প্রকাশের উপায়গুলির জন্য আপনি স্কিমা.অর্গ.ও দেখতে চাইতে পারেন ।
মাইকেল মায়ার


6
এই উত্তরটি আর সেরা নয়। গুগল আর সমর্থন করে নাrel="author" , এবং রাইনভ এবং জেসন হিসাবে উল্লেখ করা হয়েছে, addressট্যাগটি স্পষ্টভাবে লেখকত্ব প্রকাশ করার জন্য ডিজাইন করা হয়েছিল।
ড্যান ড্যাসকলেসকু

19

এইচটিএমএল 5 অনুসারে আপনি সম্ভবত এটি চান address

ঠিকানা উপাদানটি তার নিকটতম নিবন্ধ বা শরীরের উপাদান পূর্বপুরুষের জন্য যোগাযোগের তথ্য উপস্থাপন করে।

addressলেখক এখানে শ্রদ্ধা আরও রেফারেন্স

৪.৪.৪ এর অধীনে

নিবন্ধের উপাদানগুলির সাথে যুক্ত লেখকের তথ্য (qv ঠিকানা উপাদান) নেস্টেড নিবন্ধের উপাদানগুলিতে প্রযোজ্য নয়।

৪.৪.৯ এর অধীনে

কোনও বিভাগের লেখক বা সম্পাদকের যোগাযোগের তথ্য সম্ভবত কোনও পাদলেকের মধ্যে থাকা কোনও ঠিকানা উপাদানের অন্তর্ভুক্ত।

এটির সমস্তই মনে হয় যে addressএই তথ্যের জন্য সেরা ট্যাগ।

তাই বলা হয়, আপনি আপনার দিতে পারে addressএকটি relবা classএর author

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

আরও পড়ুন: http://dev.w3.org/html5/spec/sections.html#t-- ঠিকানা ঠিকানা-


4
ধন্যবাদ জেসন, আপনি কি "কিউভি" এর অর্থ জানেন? নীচে> ৪.৪.৪> নিবন্ধের উপাদানগুলির সাথে যুক্ত লেখকের তথ্য (qv ঠিকানা উপাদান) নেস্টেড নিবন্ধের উপাদানগুলিতে প্রযোজ্য নয়।
কোয়াং ভ্যান

4
@ কোয়াংভান - (অপেক্ষা করুন, আপনার আদ্যক্ষর হ'ল ... কিউভি এইচএম) - কিউভির অর্থ "কুইড ভিডি" বা "এই বিষয়ে (দেখুন) যান" - "কিউভি" এর বিষয়ে পুত্র ইংলিশ দেখুন। / 25252 /… (কিউভি) হাহা
পেজম্যান

@ জেসন জেনারো হা হা ন্যানোস জিগান্টাম হুমেরিস ইনসিডেনটিস!
পেজম্যান

হ্যাঁ, এই মন্তব্যগুলি কী উল্লেখ করছে তা নির্ধারণ করার জন্য আমাকে কিছুটা সময় নিয়েছে ... লাতিন অনুমানের জন্য ধন্যবাদ :)
কোয়াং ভ্যান

11

এইচটিএমএল 5-তে আমরা এমন কিছু শব্দার্থক লেবেল ব্যবহার করতে পারি যা আপনার ধরণের সামগ্রী সম্পর্কিত তথ্য সংগঠিত করতে সহায়তা করে তবে অতিরিক্ত এবং বিষয় সম্পর্কিত যা আপনি স্কিমা.আর.আরোগ চেক করতে পারেন । এটি গুগল, বিং এবং ইয়াহুর একটি উদ্যোগ যা মাইক্রোডাটা অ্যাট্রিবিউটগুলির মাধ্যমে ওয়েবসাইটগুলি আরও ভালভাবে বোঝার জন্য অনুসন্ধান ইঞ্জিনগুলিকে সহায়তা করা। আপনি পোষ্টার টেনার এল সিগুয়েন্ট এপেস্কো:

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

4
2019 এর জন্য অবশ্যই সবচেয়ে নির্ভুল উত্তর
সাইমন জি

4
নোট করুন যে স্কিমা.আরআরএলটি HTML5 এর অংশ নয়। এটি একটি পৃথক স্পেসিফিকেশন।
ya.teck

9

Rel = "লেখক" এর জন্য গুগল সমর্থন অবচিত :

"লেখকশিপ মার্কআপ আর ওয়েব অনুসন্ধানে সমর্থিত নয়।"

একটি বিবরণ তালিকা (এইচটিএমএল 4.01 এ সংজ্ঞা তালিকা) ব্যবহার করুন।

থেকে HTML5 এর বৈশিষ্ট :

ডিএল উপাদান শূন্য বা আরও বেশি নাম-মান গোষ্ঠী (একটি বিবরণী তালিকা) নিয়ে গঠিত একটি সমিতি তালিকা উপস্থাপন করে। একটি নাম-মান গোষ্ঠীতে একটি বা একাধিক নাম (ডিটি উপাদান) থাকে যার পরে এক বা একাধিক মান (ডিডি উপাদান) থাকে, ডিটি এবং ডিডি উপাদানগুলি ছাড়া অন্য কোনও নোড উপেক্ষা করে। একটি একক 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>অনুযায়ী ট্যাগ বিষয়বস্তুর প্রকৃতি এবং এটি ফাংশন উদ্দীষ্ট এমন । , এবং শব্দার্থগতভাবে - - ট্যাগ তাদের কাজ বিনামূল্যে পিতা বা মাতা সম্পর্কে তথ্য conveying ; , এবং যথাযথভাবে তাদের কাজ করতে নিখরচায় - আবার, শব্দার্থভাবে - যথাক্রমে সম্পর্কিত সামগ্রী, অ মৌখিক ভিজ্যুয়াল উপস্থাপনা এবং অনুমোদনকারী পক্ষগুলির যোগাযোগের বিশদটি কোথায় পাওয়া যায় সে সম্পর্কিত তথ্য পৌঁছে দেয়।
<dl><dt><dd><article><a><img><address>




2

আপনি যদি লেখকের জন্য যোগাযোগের বিশদটি অন্তর্ভুক্ত করেন তবে <address>ট্যাগটি উপযুক্ত:

তবে এটি যদি আক্ষরিকভাবে কেবল লেখকের নাম হয় তবে তার জন্য কোনও নির্দিষ্ট ট্যাগ নেই। এইচটিএমএল মানুষের সাথে সম্পর্কিত খুব একটা অন্তর্ভুক্ত করে না।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.