HTML <main> کا تگ

تعریف اور استعمال

ایونٹ پرپریٹی تگ اس کا تعریف اور استعمال کا معنا دیتا ہے،

ایونٹ پرپریٹی عنصر کی کانٹینٹ متن میں منفرد ہونی چاہئے، اس میں تکرار شدہ کانٹینٹ نہیں شامل ہونا چاہئے، جیسے سائڈ بار، ناٹورج لینک، کاپی رائٹ انفارمیشن، ویب سائٹ کا لوگو اور سرچ فارم وغیرہ۔

تذکرہ:متن میں کئی بار استعمال نہیں کیا جاسکتا، <main> عنصر۔ <main> عنصر کا استعمال نہیں کیا جاسکتا، <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>،<aside>،<footer>،<header> یا <nav> عنصر کا وارث عنصر

مثال

مثال 1

مینویوم متن کا تعین کرنا:

ایونٹ پرپریٹی
  <h1>سب سے مقبول بروزر</h1>
  <p>چروم، فائر فاکس اور ایج کروم آج سب سے زیادہ استعمال کئے جانے والے بروزروں میں شامل ہیں。</p>
  <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>
    <h2>گوجل کروم</h2>
    <p>گوجل کروم گوجل کی ترقی کیوئی اینٹرنیٹ بروزر ہے، 2008 میں شائع کیا گیا......</p>
  <p>Microsoft Edge، میکروسافٹ کی طرف سے تیار کیا گیا، 2015 میں شائع کیا گیا، ایک نیٹ ورک براوزر......&</p>
  <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>
    
Mozilla Firefox

    <h2>Mozilla Firefox</h2>
  <p>Microsoft Edge، میکروسافٹ کی طرف سے تیار کیا گیا، 2015 میں شائع کیا گیا، ایک نیٹ ورک براوزر......&</p>
  <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>
    <article>
    <h2>Microsoft Edge</h2>
  <p>Microsoft Edge، میکروسافٹ کی طرف سے تیار کیا گیا، 2015 میں شائع کیا گیا، ایک نیٹ ورک براوزر......&</p>
</article>

</html>

مثال 2

CSS کے ذریعے استعمال کیا گیا ایونٹ پرپریٹی عنصر کا استایل:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
ایونٹ پرپریٹی
  <h1>سب سے مقبول بروزر</h1>
  <p>چروم، فائر فاکس اور ایج کروم آج سب سے زیادہ استعمال کئے جانے والے بروزروں میں شامل ہیں。</p>
  <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>
    <h2>گوجل کروم</h2>
    <p>گوجل کروم گوجل کی ترقی کیوئی اینٹرنیٹ بروزر ہے، 2008 میں شائع کیا گیا......</p>
  <p>Microsoft Edge، میکروسافٹ کی طرف سے تیار کیا گیا، 2015 میں شائع کیا گیا، ایک نیٹ ورک براوزر......&</p>
  <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>
    
Mozilla Firefox

    <h2>Mozilla Firefox</h2>
  <p>Microsoft Edge، میکروسافٹ کی طرف سے تیار کیا گیا، 2015 میں شائع کیا گیا، ایک نیٹ ورک براوزر......&</p>
  <p>Mozilla Firefox، Mozilla کی طرف سے تیار کیا گیا، ایک اوپن سورس نیٹ ورک براوزر......&</p>
    <article>
    <h2>Microsoft Edge</h2>
  <p>Microsoft Edge، میکروسافٹ کی طرف سے تیار کیا گیا، 2015 میں شائع کیا گیا، ایک نیٹ ورک براوزر......&</p>
</article>
</main>
</body>

</html>

خود سے کوشش کریں

ایونٹ پرپریٹی <main> عالمی پرپریٹیHTML میں ایونٹ پرپریٹی

HTML میں عالمی پرپریٹی

ایونٹ پرپریٹی <main> تگ بھیHTML میں ایونٹ پرپریٹی

。

براوزر کا سپورٹ

تھنک میز کی جدول میں دکھائی دی گئی اعداد، پہلی بار اس تگ کو پورا طور پر سپورٹ کرنے والی براوزر کی نسلی کا حوالہ دیتے ہیں。 ایج فائرفاکس سافری اپرا
تھنک میز کی جدول میں دکھائی دی گئی اعداد، پہلی بار اس تگ کو پورا طور پر سپورٹ کرنے والی براوزر کی نسلی کا حوالہ دیتے ہیں。 ایج فائرفاکس سافری اپرا
26.0 12.0 21.0 7.0 16.0