آموزش تگ q در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ q در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Q در HTML
تگ q
تگی است که با استفاده از آن میتوان یک نقل قول کوتاه (Short Quotation) را در یک صفحه وب ایجاد کرد.
Free-Learn
مثال از تگ q در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 |
<body> <q>Free-Learn is Free And Will Stay Free</q> </body> |
مثال شماره ۲ : سفارشی سازی تگ q با استفاده از CSS
1 2 3 4 5 6 7 8 |
<style> q{ background-color:#00b185; padding:5px; color:#fff; border-radius:2px 20px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ q
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ q در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
نام صفت | مقدار | توضیح |
---|---|---|
cite | URL | مسیر/آدرس منبع نقل قول را مشخص میکند. |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ q
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
حالت نمایش تگ q بصورت اینلاینی یا ( Inline ) می باشد، و برای ایجاد نقل قول های کوتاه استفاده از این تگ پیشنهاد می شود.
آدرسی که درون صفت cite قرار میگیرد در مرورگرها برای کاربران قابل مشاهده نمی باشد، ولی توسط موتورهای جستجوگر و مرورگرها قابل تحلیل و پیگیری می باشد. (از نظر سئو میتواند مفید باشد)
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ q
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 4 5 6 7 8 9 10 11 |
q { display: inline; } q:before { content: open-quote; } q:after { content: close-quote; } |