تگ <main></main> در html - وب سایت PNLdev

نمونه کد

A simple <main> tag that open PNLdev.com link:

<main>
<article><p>Lorem ipsum</p></article>
</main>

آزمایشگاه

تعریف و کاربرد

برای ساخت و تعریف محتوای اصلی یک سند html از تگ <main> استفاده می کنند.

محتوای درج شده در تگ <main> می بایست مختصر به سند مربوطه باشد.

نکات

توجه: در هر سند، می بایست فقط یکبار از تگ <main> استفاده کرد.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<main>

ویژگی های سراسری

تگ main از ویژگی های سراسری HTML پشتیبانی می کند.

ویژگی های رویداد

تگ main از ویژگی های رویداد HTML پشتیبانی می کند.

نمونه کد های بیشتر

نمونه کد

تگ HTML <main> با استایل اختصاصی- مثال شماره 1

<head>
    <style>
        main {
        margin: 0;
        padding: 10px;
        background-color: rgb(86, 165, 255);
        }
        .browser {
        background: rgb(0, 124, 240);
        }
        .browser > h2, p {
        margin: 6px;
        font-size: 85%;
        }
        main > h1, p, .browser {
        margin: 5px;
        padding: 10px;
        }
    </style>
</head>
<body>
    <main>
        <h1>The basic foundation of web design</h1>
        <p>HTML, CSS and JavaScript are the main design basis of the site</p>
        <article class="browser">
            <h2>HTML</h2>
            <p>HTML is a markup language used to create websites. This language uses tags and attributes to define the structure and content of the website.</p>
        </article>
        <article class="browser">
            <h2>CSS</h2>
            <p>CSS is a styling language used to design websites. This language allows to apply styles, layouts and appearance changes to web pages.</p>
        </article>
        <article class="browser">
            <h2>js</h2>
            <p>JavaScript is a programming language used to create dynamic and interactive websites. This language allows creating animations, controlling forms, changing content and communicating with the server.</p>
        </article>
    </main>
</body>

آزمایشگاه

تگ <main> در HTML <main></main> tag HTML

نمونه کد

تعریف و کاربرد

نکات

سازگاری با مرورگر

ویژگی های سراسری

ویژگی های رویداد

نمونه کد های بیشتر

نمونه کد

تگ <main> در HTML
<main></main> tag HTML