تگ عبارتی(HTML Phrase tag)
آنچه در این مقاله میخوانید
Toggleتگهای عبارت HTML تگهایی با هدف خاص هستند ، که از لحاظ ساختاری و معنایی یک بلوک از متن را تعریف می کنند. در زیر در وبسایت تاتوره لیستی از تگهای عبارتی آورده شده است ، که در مورد برخی از آنها قبلاً در بخش قالب بندی HTML صحبت کردیم.
- تگ اختصار : <abbr>
- تگ سرنام : <acronym> (در HTML5 پشتیبانی نمیشود)
- تگ نشانه گذاری شده : <mark>
- تگ بولدشده : <strong>
- تگ تأکید شده : <em>
- تگ تعریف : <dfn>
- تگ نقلقول : <blockquote>
- تگ نقل قول کوتاه : <q>
- تگ کد : <code>
- تگصفحه کلید : <kbd>
- تگ آدرس : <address>
1) تگ اختصاری متن
این تگ برای اختصارسازی متن بکار میرود. به این منظور، متن را بین تگهای <abbr> و <abbr/> بنویسید.
مثال:
<p>An <abbr title = "Hypertext Markup language">HTML </abbr>language is used to create web pages. </p>
2) تگ نشانه گذاری شده
محتوای نوشته شده بین تگهای <mark> و <mark/> همواره در مرورگر به رنگ زرد نمایش داده میشود. این تگ برای هایلایت کردن متنی به خصوص بکار میرود.
<p>This tag will <mark>highlight</mark> the text.</p>
3) تگ بولدشده
این تگ برای نمایش متن مهم مطالب استفاده می شود. متنی که بین تگهای <strong> و <strong/> نوشته میشود به عنوان متن مهم نمایش داده میشود.
مثال:
<p>In HTML it is recommended to use <strong>lower-case</strong>, while writing a code. </p>
4) تگ تأکید شده
این تگ برای تأکید بر متن استفاده می شود و متن را به صورت اریب(italic) نشان می دهد. متنی که بین تگهای <em> و </em> نوشته میشود اریب نشان داده میشود.
مثال:
<p>HTML is an <em>easy </em>to learn language.</p>
5) تگ تعریف
هنگامیکه از تگ<dfn> و <dfn/> استفاده می کنید ، تعیین کلید واژه محتوا را فراهم میکند. در زیر مثالی برای نشان دادن نحوه تعریف المنت آورده شده است.
مثال:
<p><dfn>HTML </dfn> is a markup language. </p>
6) نقل قول متن
المنت <blockquote> نشان می دهد که محتوای محصور شده از منبع دیگری نقل شده است. با استفاده از صفت cite می توان آدرس URL منبع را ارائه داد و نمایش متن منبع با استفاده از المنت <cite> ….. <cite/> نمایش داده می شود.
مثال:
<blockquote cite="https://www.keepinspiring.me/famous-quotes/"><p>?The first step toward success is taken when you refuse to be a captive of the environment in which you first find yourself.?</p></blockquote> <cite>-Mark Caine</cite>
7) نقل قولهای کوتاه
یک المنت <q> ……. <q/> نقل قول کوتاه را تعریف می کند. اگر محتوایی را بین <q> ……. <q/> قرار دهید ، آن متن را در دو نقل قول محصور می کند.
مثال:
<p>Steve Jobs said: <q>If You Are Working On Something That You Really Care About, You Don?t Have To Be Pushed. The Vision Pulls You.</q>?</p>
8) تگ کد
از المنت <code> <code/> برای نمایش بخشی از کد کامپیوتر استفاده می شود. محتوا را با فونت تک فاصله نمایش می دهد.
<p>First Java program</p> <p><code>class Simple{ public static void main(String args[]){ System.out.println("Hello Java"); }} </code> </p>
9) تگ صفحهکلید
در HTML ، تگ صفحه کلید ، <kbd> ، نشان می دهد که بخشی از محتوا ورودی کاربر از صفحه کلید است.
<p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + t<kbd></kbd> to restore page on chrome.</p>
10) تگ آدرس
یک تگ <address> اطلاعات تماس با نویسنده محتوا را تعریف می کند. محتوایی که بین تگ <address> و <address/> نوشته میشود ، با فونت مورب(italic) نمایش داده می شود.
<address> You can ask your queries by contact us on <a href="">example123@newdomain.com</a> <br> You can also visit at: <br>58 S. Garfield Street. Villa Rica, GA 30187. </address>
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.