Quotation در HTML: راهنمای جامع
در طراحی وب، نمایش نقل‌قول‌ها و مراجع به شیوه‌ای استاندارد اهمیت ویژه‌ای دارد. HTML تگ‌های اختصاصی برای مدیریت نقل‌قول‌ها ارائه می‌دهد که در این مقاله به بررسی آن‌ها می‌پردازیم.
تگ‌های اصلی Quotation
- <blockquote>: برای نقل‌قول‌های بلند از منابع خارجی
- <q>: برای نقل‌قول‌های کوتاه درون خطی
- <cite>: برای اشاره به منبع یا عنوان اثر
این یک نمونه نقل‌قول با تگ blockquote است که معمولاً با تورفتگی نمایش داده می‌شود.
کاربرد عملی تگ‌ها
تگ <q> به صورت خودکار متن را میان علامت‌های نقل‌قول قرار می‌دهد:
همانطور که آلبرت انیشتین
گفته است: تخیل مهم‌تر از دانش است.
| تگ |
کاربرد |
| <blockquote> |
نقل‌قول‌های مستقل با تورفتگی |
| <q> |
نقل‌قول‌های کوتاه درون خطی |
| <cite> |
عنوان کتاب، مقاله یا اثر |
ویژگی cite در تگ‌های نقل‌قول
هر دو تگ <blockquote> و <q> می‌توانند از ویژگی cite استفاده کنند که آدرس منبع نقل‌قول را مشخص می‌نماید:
این نقل‌قول از یک منبع آنلاین گرفته شده است.
برای اطلاعات بیشتر درباره تگ‌های نقل‌قول در HTML، می‌توانید Quotation در HTML.
استایل‌دهی به نقل‌قول‌ها
با CSS می‌توانید ظاهر نقل‌قول‌ها را شخصی‌سازی کنید:
blockquote {
font-style: italic;
border-left: 3px solid #3498db;
padding-left: 15px;
margin-left: 0;
}
استفاده صحیح از تگ‌های نقل‌قول نه تنها به سئوی سایت کمک می‌کند، بلکه خوانایی محتوا را برای کاربران بهبود می‌بخشد. هنگام استفاده از این تگ‌ها همیشه به حقوق مؤلف احترام بگذارید و منابع را به درستی ذکر نمایید.
