‎‎تگ نقل قول كوتاهHTML <q> Tag -‎

Previous >    <Next  

‎‎مثال ـ ساخت نقل قول كوتاه

 <p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

--(go to editor for change code and run)

‎‎تعريف و كاربردDefinition and Usage -‎

‎‎تگ‎<q>‎ براي تعريف نقل قول كوتاه مورد استفاده قرار ميگيرد .

‎مرورگر معمولا در در دوطرف متن علامت كوتيشن(‎") ‎اضافه مي نمايد.

‎‎نكته ـ از‎<blockquote>‎ براي نقل قول بلند استفاده كنيد.

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<q>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاAttribute -‎

‎‎ويژگي ‎‎مقدار ‎‎شــرح
‎cite‎ URL‎‎ ‎‎آدرسurl منبع نقل قول ذا مشخص ميكند .

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<q>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثال بيشتر

‎‎مثال ـ استايل عنصر‎<q>‎ با CSS

 <html>
<head>
<style>q {
  color: gray;
  font-style: italic;
}
</style></head>
<body>

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html> 

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اغلب مرورگرها نمايش عنصر‎<q>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

--(go to editor for change code and run)

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next