این آموزش در تاریخ ۱۳۹۸/۱۲/۱۳ آپدیت شده است.
آموزش تگ main در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ main در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Main در HTML
تگ main که معنی آن در لغت میشه (مِین) یا (اصلی) همانطور که از اسمش هم مشخصه تگی است که با استفاده از آن میتوان محتوای اصلی یک صفحه وب را ایجاد کرد.
یعنی در واقع برای ایجاد محتوای اصلی سایت، محتوایی که دارای ارزش هست، محتوایی که مرورگرها و موتورهای جستجوگر بهش توجه میکنن رو میشه از طریق این تگ ایجاد کرد.
محتوایی که درون تگ Main قرار میگیرد باید منحصر بفرد باشد و نباید این محتوا در بخش های دیگر سایت مثله فوتر یا هدر یا در ستون های کناری سایت قرار داشته باشد.
Free-Learn
مثال از تگ main در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<body dir="rtl"> <main> <article> <h1>گوگل کروم</h1> <p>گوگل کروم یکی از محبوب ترین مرورگرهای اینترنتی می باشد که سازنده آن شرکت گوگل می باشد.</p> </article> <article> <h1>موزیلا فایرفاکس</h1> <p>فایرفاکس نیز یکی دیگر از محبوب ترین مرورگرهای اینترنتی در سطح وب می باشد.</p> </article> <article> <h1>اینترنت اکسپلورر</h1> <p>اینترنت اکسپلورر یکی از قدیمی ترین و ضعیف ترین مرورگرهای اینترنتی می باشد که متعلق به شرکت مایکروسافت می باشد.</p> </article> </main> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ main در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | ۶٫۰ | ۴٫۰ | ۱۱٫۱ | ۵٫۰ | ۱۲٫۰ |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ main از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
تگ main یک تگ جدید/اضافه شده در HTML5 می باشد.
نباید بیشتر از یک عدد تگ Main در یک صفحه وجود داشته باشد، و همچنین نباید تگ main را در درون تگ های <article> , <aside> , <footer> , <header> , <nav> قرار داد.
