دات نت نیوک
از سایت آموزشی وب جدید طراحی سایت همراه با امکان تست آنلاین کدهای html و css و js دیدن کنید. 
همراه با امکان خرید هاست و طراحی سایت دی ان ان و سایت فروشگاهی قابل توسعه!
المان های نقل قول و استنادکننده در HTML

نقل قول

در زیر نقل قولی از بخش وب سایت کارگزاران تجارت الکترونیک ایران را می خوانید:

امروزه با پیش رفت سریع تکنولوژی و ساخت وسایل متنوع ارتباطی همچون موبایل هوشمند، تبلت، فبلت، تلویزیون هوشمند و ...، طراحی وب سایت به نحوی که در همه وسایل ارتباطی به خوبی دیده شود ضروری است.

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

المان یا تگ <q> برای تعریف یک نقل قول کوتاه در میان جملات متن استفاده می شود.

مرورگرها با مشاهده این تگ HTML به صورت خودکار به ابتدا و انتهای متن داخل آن کوتیشن اضافه می کنند.

مثال

<p>طبق متن آمده در سایت کارگزاران تجارت الکترونیک ایران: <q>بزرگترین هدف ما مهیا کردن بستری برای رشد و توسعه کسب و کار شما با استفاده از روش های تجارت الکترونیک است تا با کمترین هزینه ممکن به حداکثر بهره برداری برسید.</q></p>

خودتان آزمایش کنید »

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

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

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

مثال

<p>در زیر نقل قولی از بخش وب سایت کارگزاران تجارت الکترونیک ایران را می خوانید:</p>
<blockquote cite="http://website.ecb.ir">
امروزه با پیش رفت سریع تکنولوژی و ساخت وسایل متنوع ارتباطی همچون موبایل هوشمند، تبلت، فبلت، تلویزیون هوشمند و ...، طراحی وب سایت به نحوی که در همه وسایل ارتباطی به خوبی دیده شود ضروری است.
</blockquote>

خودتان آزمایش کنید »

تگ <abbr> برای مخفف کلمات در HTML

المان یا تگ <abbr> برای نمایش عبارت کاملی که مخفف و اختصار آن نمایش داده شده است استفاده می شود.

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

مثال

<p>کنسرسریون شبکه جهانی وب یا <abbr title="World Wide Web Consortium">W3C</abbr> انجمنی است كه شركت ها و سازمان های عضو آن به بحث و گفتگو روی استانداردها و فناوری های جدید وب می پردازند و استانداردهای مربوط به حوزه وب را توسعه می دهد تا منجر به بهبود قابليت محصولات و فناوری های وب شود.</p>

خودتان آزمایش کنید »

تگ <dfn> برای تعریف کلمات در HTML

المان یا تگ <dfn> برای تعریف یک عبارت، قانون یا حتی معنی یک کلمه مخفف استفاده می شود.

مرورگرها با مشاهده این تگ HTML به صورت خودکار کلمه آمده در این المان را خوابیده نمایش می دهند و با نگه داشتن نشانه گر ماوس معنی و تعریف آن کلمه نمایش داده می شود.

تعریف استفاده از تگ <dfn> بر اساس استاندارد HTML5 کمی پیچیده به نظر می رسد و به سه روش استفاده می شود:

1. اگر یک عنوان برای این المان به عنوان ویژگی title وجود داشته باشد، معنی آن تعریف قانون در نظر گرفته می شود.

مثال

<p>کنسرسریون شبکه جهانی وب یا <dfn title="World Wide Web Consortium">W3C</dfn> انجمنی است كه شركت ها و سازمان های عضو آن به بحث و گفتگو روی استانداردها و فناوری های جدید وب می پردازند.</p>

خودتان آزمایش کنید »

2. اگر این المان بدون ویژگی title بیاید و درون آن از المان دیگر abbr همراه با ویژگی title استفاده شود، معنی آن تعریف یک واژه در نظر گرفته می شود.

مثال

<p>کنسرسریون شبکه جهانی وب یا <dfn><abbr title="World Wide Web Consortium">W3C</abbr></dfn> انجمنی است كه شركت ها و سازمان های عضو آن به بحث و گفتگو روی استانداردها و فناوری های جدید وب می پردازند.</p>

خودتان آزمایش کنید »

3. اگر این المان به تنهایی و بدون استفاده از ویژگی title استفاده شود عبارت داخل آن یک کلمه یا عبارت با مفهوم قانونی در نر گرفته می شود و تگ والد آن (یعنی تگی که در آن قرار گرفته) به عنوان توضیح این قانون در نظر گرفته می شود.

مثال

<p>کنسرسریون شبکه جهانی وب یا <dfn>W3C</dfn> انجمنی است كه شركت ها و سازمان های عضو آن به بحث و گفتگو روی استانداردها و فناوری های جدید وب می پردازند.</p>

خودتان آزمایش کنید »
Note اگر استفاده از آن برای شما سخت است، می توانید به راحتی و سادگی یا از روش اول برای تعریف قانون استفاده کرده و یا از تگ abbr برای تعریف معنی مخفف کلمه اختصاری استفاده نمایید.

تگ <address> برای معرفی ناشر در HTML

تگ <address>برای تعریف کردن نویسنده یا ناشر یک سند یا مقاله یا خبر در صفحات وب استفاده می شود

بیشتر مرورگرها معمولا مطالب داخل این المان را به صورت خوابیده نمایش می دهند و پیش و پس از محتوای این تگ، یک خط خالی فاصله اضافه می کنند.

مثال

<address>
ترجمه و تألیف توسط آرمین رحیمیان<br>
اطلاعات بیشتر در:<br>
ecb.ir<br>
info@ecb.ir<br>
کارگزاران تجارت الکترونیک ایران، تهران، ایران
</address>

خودتان آزمایش کنید »

تگ <cite> برای نام یک اثر در HTML

تگ <cite>برای تعریف کردن نام یک کار یا اثر در متن یک مقاله یا خبر استفاده می شود

بیشتر مرورگرها معمولا مطالب داخل این المان را به صورت خوابیده نمایش می دهند.

مثال

<p>تابلوی نقاشی <cite>جـیـــغ</cite> یک اثر هنری از ادوارد مونیک است. این اثر در سال 1893 کشیده شده است.</p>

خودتان آزمایش کنید »

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

تگ <bdo> که مخفف bi-directional override است همراه با ویژگی dir استفاده می شود برای چیدمان مجدد حروف از جهت مورد نظر استفاده می شود.

در صورتی که مرورگر شما این المان را پشتیبانی کند متن داخل آن را در جهتی که با ویژگی dir زا آن می خواهید حروف را بازنویسی می کند.

مثال

<bdo dir="rtl">This text will be written from right to left</bdo>

<hr/>

<bdo dir="ltr">این یک متن است که از چپ به راست نوشته خواهد شد</bdo>

خودتان آزمایش کنید »

مرجع تگ ها و المان های HTML

در زیر جدولی از عناصر، المان ها یا همان تگ های HTML را ملاحظه می فرمایید که به دسته بندی نقل قول و استناد کننده در HTML مربوط است.

نام تگ HTML توضیح درباره تگ HTML
<abbr> عبارت کامل یک کلمه اختصاری و مخفف را تعریف می کند
<address> اطلاعات تماسی درباره ناشر یا مالک یک اثر، مقاله یا خبر تعریف می کند
<bdo> جهت نوشته شدن حروف را از انتها به ابتدا یا برعکس مشخص می کند
<blockquote> یک بخش بلوکی شکل را برای آوردن یک نقل قول طولانی از یک نشانی وب تعریف می کند
<dfn> برای تعریف کردن یک قانون یا معنی یک عبارت استفاده می شود.
<q> برای نقل قول کردن کوتاه درون یک متن که با کوتیشن از متن تفکیک می شود استفاده می شود
<cite> یک عنوان برای یک کار یا اثر تعریف می کند
نظر و پرسش و پاسخ کاربران
  نخستین نفری باشید که می پسندید.
نمایش 0 نظر ترتیب نمایش

در صفحه "آشنایی با المان (تگ)های نقل قول و استنادکننده در HTML": نخستین نظر دهنده باشید
مشاهده نظرات
نام

نظرات خود را مطرح کنید
*
*
*
*
*
Captcha:
آخرین اخبار و مقالات

آگهی ها
کارگزاران تجارت الکترونیک ایران
گرافیک پوسته وب سایت در کامپیوتر
گرافیک پوسته وب سایت در تبلت
گرافیک پوسته وب سایت در موبایل
طراحی واکنشگرا (Responsive)
پنل مدیریتی پیشرفته و کاربر پسند
قابل توسعه و ارتقاء و 100% داینامیک
امکانات کامل SEO برای موتورهای جستجو