آموزش HTML – فصل پنجم: المان های نقل قول و ذکر (Quotation & Citation)

نقل قول یا همان Quotation و ذکر (Citation) المان های مخصوص خود را در اچ تی ام ال دارند. برای استاندارد نویسی HTML و همچنین زیباتر شدن متن، بهتر است در هنگامی که متنی را نقل قول می کنید از Quotation استفاده کنید. در ادامه آموزش گام به گام اچ تی ام ال به توضیح این دو المان خواهیم پرداخت.

آموزش HTML – فصل پنجم: المان های نقل قول و ذکر (Quotation & Citation)

نقل قول Quotation در اچ تی ام ال

مثال استفاده از نقل قول:

ویکی پدیا در مورد اینترنت چه می گوید؟
اینترنت (به انگلیسی: Internet) (مخفف interconnected networks شبکه‌های به هم پیوسته) را باید بزرگ‌ترین سامانه‌ای دانست که تاکنون به دست انسان طراحی، مهندسی و اجرا شده‌است. ریشهٔ این شبکهٔ عظیم جهانی به دههٔ 1960 بازمی‌گردد که سازمان‌های نظامی ایالات متحدهٔ آمریکا برای انجام پروژه‌های تحقیقاتی برای ساخت شبکه‌ای مستحکم، توزیع شده و باتحمل خطا سرمایه‌گذاری نمودند.

در نمایش متن بالا از تگ blockquote استفاده شده است. همچنین می توانید از تگ <q> نیز به جای آن استفاده کنید.

تگ blockquote و q زمانی استفاده می شود که شما می خواهید متنی را از سایت یا صفحه دیگر، نقل قول کنید.

در هنگام استفاده از blockquote بهتر است آدرس صفحه نقل قول شد را در خاصیت cite ذخیره کنید.

تگ q برای نقل قول های کوتاه و blockquote برای نقل قول های بلند از صفحه های دیگر مورد استفاده قرار می گیرد.

المان <q> برای نقل قول در اچ تی ام ال

المان <q> اچ تی ام ال یک نقل قول کوتاه از یک صفحه دیگر را نشان میدهد.

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

این نقل قول از صفحه ویکی پدیا در مورد اینترنت است: غالباً در گفتگوهای روزمره از دو واژهٔ «وب» و «اینترنت»، به اشتباه، بدون تمایز زیادی استفاده می‌شود، اما این دو واژه معانی متفاوتی دارند

المان <blockquote> برای نقل قول در اچ تی ام ال

المان <blockquote> نقل قول یک مقطع برگرفته از یک منبع دیگر را تعریف میکند.

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

مثال استفاده از تگ blockquote:



المان <abbr> برای کوته سازی یا اختصار در اچ تی ام ال

المان <abbr> در اچ تی ام ال یک اختصار یا مخفف را تعریف میکند.

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

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

مثال:



چاپ شده مثال بالا:

The WHO was founded in 1948.

المان <address> برای اطلاعات تماس

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

المان <address> معمولا به صورت ایتالیک یا همان شکسته نمایش داده میشود.

اکثر مرورگر ها یک شکست خط یا همان linebreak را در اول و آخر این المان اضافه می کنند.

مثال:



چاپ شده مثال بالا:

نوشته شده توسط حامد ارسلانپور
به ما سر بزنید:
Netrun.ir
شیراز
پلاک دو!

المان cite برای ذکر عنوان یک اثر در HTML

المان <cite> در اچ تی ام ال برای ذکر یک عنوان خاص به کار می رود.

مرورگرها معمولا المان های cite را در خط ایتالیک یا شکسته نمایش میدهند.

مثال:



چاپ شده مثال بالا:

رمان بوف کور توسط صادق هدایت.

المان bdo برای تعویض دو جهته در اچ تی ام ال

المان <bdo> یک تعویض دو جهته را تعریف میکند.

المان <bdo> استفاده میشود تا جهت فعلی متن را تغییر دهد.

مثال:



چاپ شده مثال بالا:

این متن از چپ به راست شده است

در ادامه آموزش گام به گام زبان HTML، مطلب آموزش HTML – فصل ششم: کامنت در HTML را مطالعه کنید.

رضا 5 سال پیش

آقا یک سوال:
این نقل قول کلا به چه درد می خوره؟
من هر کاری کردم دیدم نمیشه زبان خواندن html توسط مرورگر رو فارسی کنم یه سری شکل های نامفهوم میومد برای همین متوجهش نشدم که نقل قول و المان به چه درد میخوره
باز هم دستتون درد نکنه بابت آموزشتون

مهدی نظری 5 سال پیش

سلام، این نقل قول برای استاندارد نویسی هست، شما می تونید با Div یا P یا هر المان دیگه ای به همون نتیجه ای دست پیدا کنید که با نقل قول دست پیدا می کنید.

من شخصا از نقل قول یا همون blockquote برای نشون دادن یه متن از وب سایت های دیگه یا از یه شخص دیگه استفاده می کنم. توی همین صفحه متن "ویکی پدیا در مورد اینترنت چه می گوید؟" از نوع نقل قول هست. اگه دقت کنید یه خط بنفش کنارش گذاشته شده. من توی css تعریف کردم که برای blockquote همیشه یه خط بنفش گذاشته بشه.

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

ویدیوها و مطالب مشابه