آموزش تگ q در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ q در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Q در HTML
تگ q تگی است که با استفاده از آن میتوان یک نقل قول کوتاه (Short Quotation) را در یک صفحه وب ایجاد کرد.
برای ایجاد نقل قول های بلند/طولانی سعی کنید از تگ blockquote استفاده نمایید.
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 ) می باشد، و برای ایجاد نقل قول های کوتاه استفاده از این تگ پیشنهاد می شود.
برای ایجاد نقل قول های بلند/طولانی سعی کنید از تگ <blockquote> استفاده نمایید.
با استفاده از صفت cite درون این تگ میتوان منبع/مسیر/سورس نقل قول را مشخص کرد.
آدرسی که درون صفت 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; } |
