نقل قول در HTML
دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 02 آذر 1399نقل قول در HTML از دزدی ادبی جلوگیری میکنند. تگ های استناد به عنوان اثر استناد شده اشاره دارد. در HTML، دو روش اصلی برای نمایش نقل قولها وجود دارد که به بررسی آنها میپردازیم.
تگهای نقل قول در HTML
دو نوع تگ برای نقل قول وجود دارد تگ Blockquote و تگ Quote که معمولا از Blockquote برای نمایش نقل قولهای بلند از منبع دیگر استفاده میشود و از تگ Quote برای نمایش نقل قولهای کوتاه استفاده میشود.
1. تگ <blockquote>
(Blockquote):
- برای نمایش نقل قولهای بلند از منبع دیگر استفاده میشود.
- مرورگرها معمولاً محتوای داخل تگ
<blockquote>
را با تورفتگی و گاه با علامت گذاری نقل قول مانند گیومه نمایش میدهند. - میتوانید از صفت
cite
برای ذکر منبع نقل قول استفاده کنید.
مثال:
HTML
<blockquote>
این یک نقل قول بلند است که از منبعی دیگر نقل شده است.
<p><i>- نویسنده ناشناس</i></p>
</blockquote>
2. تگ q
(Quote):
- برای نمایش نقل قولهای کوتاه استفاده میشود.
- مرورگرها معمولاً محتوای داخل تگ
q
را با علامت گذاری نقل قول مانند گیومه نمایش میدهند.
مثال:
HTML
<p>
دکتر سئوس گفت: "واقعیت در نهایت بهتر از رویاهای شماست."
<q>دکتر سئوس</q>
</p>
تفاوت های کلیدی:
<blockquote>
برای نقل قولهای بلند وq
برای نقل قولهای کوتاه استفاده میشود.<blockquote>
معمولاً با تورفتگی نمایش داده میشود، در حالی کهq
فقط با علامت گذاری نقل قول نمایش داده میشود.<blockquote>
میتواند از صفتcite
برای ذکر منبع نقل قول استفاده کند، در حالی کهq
نمیتواند.
نکات:
- میتوانید از CSS برای سفارشی کردن ظاهر نقل قولها، مانند تغییر نوع علامت نقل قول، رنگ یا اندازه فونت استفاده کنید.
- برای نقل قولهای مستقیم، از علامت نقل قول (” “) یا گیومه (“) استفاده کنید.
- برای نقل قولهای غیرمستقیم، از علامت نقل قول زاویه دار (« ») یا گیومه (`’) استفاده کنید.
کاربردهای نقل قول در HTML
- نقل قولها برای نشان دادن کلمات یا عباراتی که توسط شخص دیگری گفته شده است استفاده میشود.
- میتوان از آنها برای افزودن اعتبار به استدلال خود یا برای نشان دادن دیدگاههای مختلف در مورد یک موضوع استفاده کرد.
- همچنین میتوان از آنها برای اضافه کردن لحن یا شخصیت به نوشته استفاده کرد.
مثالهایی از کاربردهای نقل قول در HTML
- مقالهای خبری که شامل نقل قول از یک مقام دولتی است.
- یک پست وبلاگی که شامل نقل قول از یک کتاب یا فیلم است.
- یک انجمن گفتگوی آنلاین که در آن کاربران نقل قولهایی از یکدیگر را به اشتراک میگذارند.
ملاحظات:
- هنگام استفاده از نقل قول در HTML، مهم است که منبع نقل قول را به درستی ذکر کنید.
- همچنین باید از استفاده بیش از حد از نقل قولها خودداری کنید، زیرا این امر میتواند خواندن متن را دشوار کند.
- در نهایت، باید از نقل قولها به روشی استفاده کنید که اخلاقی و مسئولانه باشد.
نقل قول در HTML فراتر از اصول اولیه
در حالی که دانستن تگهای <blockquote>
و q
برای نمایش نقل قول در HTML مهم است، عواملی وجود دارند که باعث میشوند قالب بندی نقل قول شما کاملتر و با مفهومتر به نظر برسد.
در اینجا نکات بیشتری برای قالب بندی نقل قول در HTML آورده شده است:
1. انتخاب تگ مناسب:
<blockquote>
برای نقل قولهای بلند و جدا از متن: از این تگ برای نقل قولهایی استفاده کنید که یک پاراگراف کامل یا چندین پاراگراف را تشکیل میدهند و میخواهید آنها را به طور واضح از متن خود جدا کنید. مرورگرها معمولا این نوع نقل قول را با تورفتگی نمایش میدهند.q
برای نقل قولهای کوتاه و درون متن: از تگq
برای نقل قولهای کوتاه که به صورت خطی (inline) در متن شما قرار میگیرند استفاده کنید. این تگ معمولا فقط با علامت نقل قول مانند گیومه متن را هایلات میکند.
2. ذکر منبع (Citation):
- از ویژگی
cite
در تگ<blockquote>
برای ذکر منبع نقل قول استفاده کنید. این کار به خوانندگان کمک می کند تا منبع اصلی نقل قول را پیدا کنند و اعتبار آن را بسنجند.
مثال:
HTML
<blockquote>
"واقعیت در نهایت بهتر از رویاهای شماست."
<cite>دکتر سئوس</cite>
</blockquote>
3. فرمت بندی بصری (Visual Formatting):
- با استفاده از CSS میتوانید ظاهر نقل قولها را مطابق با سلیقه خود تغییر دهید. این شامل موارد زیر است:
- نوع علامت نقل قول ( گیومه « » یا “” )
- رنگ متن نقل قول
- اندازه و فونت متن نقل قول
- میزان تورفتگی (برای تگ
<blockquote>
)
4. تگ <abbr>
برای اختصارات:
- برای اختصارات موجود در داخل نقل قول، از تگ
<abbr>
استفاده کنید. این تگ به شما امکان میدهد تا متن کامل اختصار را به عنوان ویژگیtitle
تعریف کنید.
مثال:
HTML
<blockquote>
"سازمان ملل متحد (UN) نقشی اساسی در حفظ صلح جهانی ایفا می کند."
<abbr title="United Nations">UN</abbr>
</blockquote>
5. تگ `<em>` برای تاکید در نقل قول:
اگر می خواهید بر کلمه یا عبارتی خاص درون نقل قول تاکید کنید، می توانید از تگ `<em>` استفاده کنید. این کار باعث می شود تا آن قسمت از نقل قول به صورت کج (italic) نمایش داده شود.
6. کدگذاری برای حفظ فرمت (Preserving Formatting):
در صورتی که نقل قول شما شامل فرمت بندی خاصی مانند ایتالیک یا بولد باشد و بخواهید این فرمت را حفظ کنید، از تگ `<pre>` استفاده کنید. این تگ باعث حفظ فاصله ها و خطوط شکسته متن اصلی نقل قول می شود.
7. نقل قول های تودرتو (Nested Quotes):
برای نمایش نقل قولی که درون یک نقل قول دیگر قرار دارد، می توانید از تگ های `q` به صورت تودرتو استفاده کنید، یا اینکه از علامت های نقل قول متفاوتی مانند گیومه (« ») برای نقل قول دوم استفاده کنید.
8. در نظر گرفتن ملاحظات اخلاقی:
اطمینان حاصل کنید که از نقل قول ها به درستی و با ذکر منبع استفاده می کنید. از تحریف یا تغییر عمدی نقل قول ها برای خدمت به اهداف خودداری کنید.
با استفاده از این نکات، می توانید نقل قول ها را به صورت حرفه ای و خوانا در صفحات وب خود نمایش دهید و به خوانندگان در درک بهتر متن کمک کنید.
نکات تکمیلی
- میتوانید از کلاس های CSS برای ایجاد قالب بندیهای سفارشی برای نقل قولهای خود استفاده کنید.
- میتوانید از جاوا اسکریپت برای ایجاد افکتهای تعاملی با نقل قولها استفاده کنید، مانند نمایش اطلاعات بیشتر در مورد منبع نقل قول
- از ابزارهای آنلاین برای بررسی صحت و اعتبار نقل قولها قبل از استفاده از آنها در وب سایت خود استفاده کنید.
این مقاله چقدر براتون مفید بود؟