مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
جلسه گذشته با تگ details آشنا شدیم تگ details تگی است که به کمک آن می توان جزئیات یک محتوا را از دید کاربر مخفی کرد و در صورت در خواست کاربر آن را به نمایش گذاشت.
این جلسه از این دوره را به آموزش کار با تگ dfn در HTML اختصاص داده ایم.
آموزش کار با تگ dfn در HTML
به مثال زیر توجه نمایید.
در این مثال به کمک تگ dfn یک اصطلاح را تعریف نموده ایم.
مثال :
| <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p> |
تعریف و کاربرد
همان طور که تا به حال فهمیده اید تگ dfn تگی است که به کمک آن می توان یک اصطلاح را تعریف نمود.
تگ dfn نمونه بارز یک اصطلاح در HTML است.
نزدیکترین parent در تگ dfn باید شامل تعریف / توضیحی برای اصطلاح داخل dfn باشد.
عبارت درون تگ dfn می تواند هرکدام از موارد زیر را شامل شود:
۱٫ محتوای تگ <dfn> (بدون خصیصه title):
مثال :
| <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p> |
۲٫ خصیصه عنوان تگ <dfn>:
مثال :
| <p><dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages.</p> |
۳٫ خصیصه عنوان در تگ <abbr> در داخل عنصر <dfn>:
مثال :
| <p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> is the standard markup language for creating web pages.</p> |
می توانید یک خصیصه id را به عنصر <dfn> اضافه کنید.
در این صورت، هر زمان که اصطلاحی استفاده شود، می تواند با استفاده از تگ<a> به تعریف برگردد:
مثال :
| <p><dfn id="html-def">HTML</dfn> is the standard markup language for creating web pages.</p> <p>This is some text...</p> <p>This is some text...</p> <p>Learn <a href="#html-def">HTML</a> now.</p> |
پشتیبانی مرورگر ها
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
خصیصه های سراسری Global Attributes
تگ <dfn> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <dfn> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <dfn> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| dfn { font-style: italic; } |
کلام آخر
در این جلسه به آموزش کار با تگ dfn در HTML پرداختیم؛ تگ dfn تگی است که به کمک آن می توان یک اصطلاح را تعریف نمود.
در جلسه بعدی به آموزش کار با تگ dialog می پردازیم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
