نقل‌قول‌ها

          ابن حسام 
            بازدید : 83
          یکشنبه 20 مرداد 1398
           نظرات (0)
        

HTML ویژگی‌هایی نیز برای نشانه‌گذاری نقل‌قول‌ها دارد که در آن عناصری که استفاده می‌کنید به این نکته وابسته هستند که یک نقل‌قول بلوکی یا درون‌خطی می‌خواهید ایجاد کنید.

Blockquote

اگر یک محتوای سطح بلوک، چه پاراگراف، چه چند پاراگراف و چه لیست و غیره از جای دیگری نقل‌قول شده باشد، باید آن را درون یک عنصر <blockquote> قرار دهید تا این نکته مشخص شود و یک URL بیاورید که به منبع نقل‌قول درون خصوصیت «استناد» (cite) کند. برای نمونه نشانه‌گذاری زیر از صفحه عنصر <blockquote> در MDN اخذ شده است:

1
2

<p>The<strong>HTML<code>&lt;blockquote&gt;</code>Element</strong>(or<em>HTML Block
Quotation Element</em>)indicates that the enclosed text isan extended quotation.</p>

برای این که آن را به یک blockquote تبدیل کنیم باید به صورت زیر عمل کنیم:

1
2
3
4

<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
  <p>The<strong>HTML<code>&lt;blockquote&gt;</code>Element</strong>(or<em>HTML Block
  Quotation Element</em>)indicates that the enclosed text isan extended quotation.</p>
</blockquote>

سبک‌بندی پیش‌فرض مرورگر این کد را به صورت یک پاراگراف دارای تورفتگی رندر می‌کند که نشان می‌دهد یک نقل‌قول است. MDN نیز همین کار را کرده است، اما با کمی سبک‌بندی بیشتر ظاهر آن متفاوت است:

نقل‌قول‌های درون‌خطی

نقل‌قول‌های درون‌خطی نیز دقیقاً به همین ترتیب کار می‌کنند؛ به جز این که در آن‌ها از عنصر <q> استفاده می‌کنیم. برای نمونه در ادامه یک کد نشانه‌گذاری می‌بینید که یک نقل‌قول از صفحه مربوط به عنصر <q> در MDN را آورده است:

1
2

<p>The quote element—<code>&lt;q&gt;</code>—is<qcite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">intended
forshortquotations that don'trequire paragraph breaks.</q></p>

سبک‌بندی پیش‌فرض مرورگر آن را به صورت یک متن معمولی آورده و داخل گیومه قرار داده تا مشخص شود که نقل‌قول است

استناد

محتوای خصوصیت cite به نظر مفید می‌آید؛ اما متأسفانه مرورگرها، نرم‌افزارهای قرائت صفحه و غیره از آن استفاده زیادی نمی‌کنند. هیچ روشی برای این که مرورگر را وادار به نمایش محتوای cite کرد، وجود ندارد؛ مگر این که راه‌حل خاص خود را با استفاده از جاوا اسکریپت و CSS بنویسید. اگر می‌خواهید منبع نقل‌قول را در صفحه نمایش دهید یک روش بهتر این است که عنصر <cite> را در کنار یا درون عنصر نقل‌قول قرار دهید. بدین ترتیب نام منبع نقل‌قول نمایش پیدا می‌کند که می‌تواند نام کتاب، یا نام فردی باشد که نقل‌قول از او آمده است؛ اما هیچ دلیلی وجود ندارد که چرا نمی‌توان متن درون <cite> را به روشی لینک کرد:

1
2
3
4
5
6
7
8
9
10
11
12

<p>According tothe<ahref="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
<cite>MDN blockquote page</cite></a>:
</p>
 
<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
  <p>The<strong>HTML<code>&lt;blockquote&gt;</code>Element</strong>(or<em>HTML Block
  Quotation Element</em>)indicates that the enclosed text isan extended quotation.</p>
</blockquote>
 
<p>The quote element—<code>&lt;q&gt;</code>—is<qcite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">intended
forshortquotations that don'trequire paragraph breaks.</q>--<ahref="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">
<cite>MDNqpage</cite></a>.</p>

استنادها به صورت پیش‌فرض به صورت «کج» (italic) سبک‌بندی می‌شوند.

یادگیری عملی: چه کسی گفته است؟

اینک نوبت به یک یادگیری عملی دیگر رسیده است. در این مثال قرار است کارهای زیر را انجام دهیم:

پاراگراف میانی را به صورت blockquote درآوریم که شامل یک خصوصیت cite است.
بخشی از پاراگراف سوم را به شکل یک نقل‌قول درون‌خطی بیاوریم که شامل یک خصوصیت cite است.
یک عنصر <cite> را درون هر لینک قرار دهیم.

منابع استناد که مورد نیاز هستند:

http://www.brainyquote.com/quotes/authors/c/confucius.html برای نقل‌قول کنفوسیوس (Confucius)
http://www.affirmationsforpositivethinking.com/index.htm برای “The Need To Eliminate Negative Self Talk”.

اگر مشکلی ایجاد شود، همواره می‌توانید با زدن دکمه Reset همه چیز را به حالت اولیه بازگردانید. اگر واقعاً دچار مشکل شدید، می‌توانید با زدن Show solution راه‌حل مسئله را مشاهده کنید: