صفحه اول >> دانستنی ها >>
آموزش تگ q در HTML - راهنمای کار با نقل قول ها در html
برای تعریف نقل قول کوتاه از تگ q استفاده می شود و در این حالت مرورگرها علامت نقل قول را در ابتدا و انتهای متن درج می کنند.
برای تعریف نقل قول کوتاه از تگ q استفاده می شود و در این حالت مرورگرها علامت نقل قول را در ابتدا و انتهای متن درج می کنند.
برای ایجاد نقل قول بلند از تگ blockquote استفاده می شود.
مثال تگ q در HTML
مثال 1: نقل قول بدون استایل
<p>WWFs goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
مثال 2: استایل دادن به نقل قول با css
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWFs goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWFs goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
پشتیبانی مرورگرها
تگ q در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| cite | URL | آدرس منبع نقل قول را مشخص می کند. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <q> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <q> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.