تگ های نقل قول و استناد در HTML

در این آموزش ، عناصر <blockquote> ، <q> ، <abbr> ، <address> ، <cite> و <bdo> را در HTML آموزش خواهیم داد.

در ادامه، بخش زیر یک نمونه نقل قول را نمایش می دهد.

تگ <blockquote> برای نقل قول ها

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

این تگ یک عنصر block level یا بلاکی است و درصورتی که یک نقل قول طولانی و بلاکی داشته باشیم می توانیم از این تگ استفاده نماییم .

تگ blockquote تگی است که ما با استفاده از آن میتوانیم یک نقل قول از یک منبع خارجی (از یک سایت یا منابع دیگر) را ایجاد نماییم.

مثال:

نتیجه:

سفارشی سازی نقل قول با استفاده از دستورات CSS

برای سفارشی سازی نقل قول ابتدا کد زیر را وارد کرده و در ادامه کدی که در بالا آموزش داده شد را وارد می کنیم.

نتیجه:

تگ <q> برای نقل قول های کوتاه

تگ <q> در HTML  یک نقل قول کوتاه را تعریف میکند.

ما تگ دیگری به اسم q داریم که با استفاده از آن میتوان یک نقل قول کوتاه ایجاد کرد ، بنابراین برای ایجاد نقل قول های بلند سعی کنید از تگ blockquote و برای ایجاد نقل قول های کوتاه از تگ q استفاده نمایید.

مرورگر ها معمولا اطراف متنی که داخل عنصر <q> قرار میگیرد، علامت کوتیشن (نقل قول) قرار میدهند.  (” “)

مثال:

نتیجه:

تگ <abbr> برای اختصارات در HTML

تگ abbr که مخفف کلمه Abbreviation می باشد تگی است که با استفاده از آن میتوان یک علامت اختصاری یا بطور کلی میتوانیم مخفف کلمات را ایجاد نماییم.تگ <abbr> برای نشان دادن نام اختصاری یا مخفف یک کلمه یا عبارت طولانی، مانند www ، HTML ، HTTP،ASAP،ATM و … استفاده می شود. در بعضی مرورگرها محتوای نوشته شده بین تگ های <abbr> با خط نقطه چین در زیر متن نمایش داده می شود.

علامت گذاری اختصارات می تواند اطلاعات مفیدی را به مرورگرها ، سیستم های ترجمه و موتورهای جستجو بدهد.

نتیجه:

ماوس را روی این  WHO که کوتاه شده کلمه World Health Organization میباشد برای چند لحظه نگه دارید.

تگ <address> برای اطلاعات تماس در HTML

تگ <address> در HTML اطلاعات تماس نویسنده،مالک یک سند یا مقاله را تعریف می کند.

اطلاعات تماس می تواند یک آدرس ایمیل ، آدرس اینترنتی ، آدرس فیزیکی ، شماره تلفن ، دسته رسانه های اجتماعی و …باشد.

اطلاعاتی که درون این تگ قرار می‌گیرد به بازدیدکنندگان سایت کمک میکند تا به راحتی بتوانند با صاحب وبسایت یا صاحب یک سند یا مقاله ارتباط برقرار کنند.

متن موجود در عنصر <address> معمولاً به صورت ایتالیک(مورب) ترجمه می شود و مرورگرها همیشه قبل و بعد از عنصر <address> خطی را اضافه می کنند.

تگ <address> از نظر سئو حائز اهمیت می‌باشد شما با استفاده از تگ <address> قادر خواهید بود که یک پیام قوی به موتورهای جستجو در مورد محل کسب و کارتان ارائه کنید .

نتیجه:

تگ <cite> برای عنوان کار در HTML

تگ <cite> در HTML از کلمه ( Citation ) گرفته شده است، در لغت به معنی ( استناد یا نقل ) می باشد.

تگ <cite> عنوان یک اثر خلاقانه (مانند کتاب ، شعر ، آهنگ ، فیلم ، نقاشی ، مجسمه سازی و غیره) را مشخص می کند.

نتیجه:

تگ <bdo> برای لغو دو جهته در HTML

تگ <bdo> مخفف کلمه ( Bi-Directional Override ) میباشد به معنی (لغو دو طرفه) میباشد.

تگ <bdo> میتواند مسیر/جهت یک متن را برعکس کند یعنی به زبان ساده با استفاده ازاین تگ میتوانیم متنمان را برعکس کنیم.

تگ <bdo> در برعکس کردن حروف در یک متن در یک صفحه وب کمک می نماید.

مثال:

بطور مثال به متن زیر که در تگ bdo بکار میرود توجه نمایید:

This text will be written from right to left

نتیجه:

خلاصه مطالب:نقل قول ها و استناد در HTML