از زمانی که HTML5 تعریف و عرضه شد، شاهد تگ جدیدی بنام تگ main بودیم که در این پست از بلاگ ویتکس به معرفی تگ main در HTML5 و اهمیت آن در برنامه نویسی HTML خواهیم پرداخت. پس بار دیگر با بلاگ ویتکس همراه شوید … .
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ ۳۰ ۳۱ ۳۲ ۳۳ ۳۴ ۳۵ | <!DOCTYPE html> <html> <body> <h1>موضوع اصلی صفحه</h1> <main> <h1>پرطرفدارترین برند های گوشی دنیا</h1> <p>اپل، سامسونگ و هوآووی بیشترین استفاده را در بین دیگر برندهای تلفن های هوشمند دارا هستند.</p> <article> <h2>اپل</h2> <p>اپل یک کمپانی بزرگ آمریکایی بوده که علاوه بر تلفن همراه در ساخت لبتاپ و لوازم دیگر با سیستم عامل اختصاصی خود (ios) فدرتمند است.</p> </article> <article> <h2>سامسونگ</h2> <p>سامسونگ یک کمپانی کره ای بوده و از قوی ترین شرکتها در ساخت تلفن های همراه با سیستم عامل اندروید است. </p> </article> <article> <h2>هوآووی</h2> <p>هوآووی نیز کمپانی ای چینی بوده که علاوه بر قدرت نمایی در سیستم عامل اندروید شرط اقتصادی بودن کالاهای خود را هم رعایت کرده است.</p> </article> </main> </body> </html> |
مثال : نمونه کد استفاده از تگ main در HTML به همراه CSS
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ ۳۰ ۳۱ ۳۲ ۳۳ ۳۴ ۳۵ ۳۶ ۳۷ ۳۸ ۳۹ ۴۰ ۴۱ ۴۲ ۴۳ ۴۴ ۴۵ ۴۶ ۴۷ | <!DOCTYPE html> <html> <head> <style> main { margin: ۰; padding: ۵px; background-color: lightgray; } main > h1, p, .browser { margin: ۱۰px; padding: ۵px; } .browser { background: white; } .browser > h2, p { margin: ۴px; font-size: ۹۰%; } </style> </head> <body> <h1>موضوع اصلی صفحه</h1> <main> <h1>پرطرفدارترین برند های گوشی دنیا</h1> <p>اپل، سامسونگ و هوآووی بیشترین استفاده را در بین دیگر برندهای تلفن های هوشمند دارا هستند.</p> <article class="browser"> <h2>اپل</h2> <p>اپل یک کمپانی بزرگ آمریکایی بوده که علاوه بر تلفن همراه در ساخت لبتاپ و لوازم دیگر با سیستم عامل اختصاصی خود (ios) فدرتمند است.</p> </article> <article class="browser"> <h2>سامسونگ</h2> <p>سامسونگ یک کمپانی کره ای بوده و از قوی ترین شرکتها در ساخت تلفن های همراه با سیستم عامل اندروید است. </p> </article> <article class="browser"> <h2>هوآووی</h2> <p>هوآووی نیز کمپانی ای چینی بوده که علاوه بر قدرت نمایی در سیستم عامل اندروید شرط اقتصادی بودن کالاهای خود را هم رعایت کرده است.</p> </article> </main> </body> </html> |
مرورگرهای سازگار
در جدول زیر، لیست مرورگرها و نسخه های سازگار آن ها با این تگ را مشاهده می کنید:
| پلتفرم | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| مرورگر | گوگل کروم | مایکروسافت اج | فایرفاکس | اینترنت اکسپلورر | اپرا | سافاری | وب ویو اندروید | گوگل کروم اندروید | فایرفاکس اندروید | اپرا اندروید | سافاری iOS |
سامسونگ اینترنت
 |
| نسخه | ۲۶+ | ۱۲+ | ۲۱+ | ۱۶+ | ۷+ | ۲۱+ | ۷+ | |||||
امیدواریم از این مقاله نهایت بهره را برده باشید … .
