لازم نیست هر بار از تگ های div استفاده کنید. از این تگ های HTML معنایی استفاده کنید تا سایت خود را ساختارمندتر و در دسترس تر کنید.
قبل از معرفی HTML معنایی، توسعه دهندگان از div ها برای مرتب کردن محتوا استفاده می کردند. عناصر Div به خودی خود معنایی ندارند. آنها فقط راهی برای اعمال سبک ها و ترتیب محتوا ارائه می دهند.
کلمه semantic به معنای مربوط به معناست. عناصر HTML معنایی هدف محتوای خود را توصیف می کنند. آنها به توسعه دهنده، کاربر، موتورهای جستجو و فناوری های کمکی معنا می دهند. در اینجا لیستی از تگ های معنایی محبوب HTML وجود دارد که می توانید در پروژه بعدی خود از آنها استفاده کنید.
Divs چیست؟
در HTML، عنصر div (تقسیم) یک ظرف در سطح بلوک است. شما از یک div برای گروه بندی یا تقسیم عناصر HTML به بخش هایی در یک صفحه وب استفاده می کنید. نحو به شکل زیر است:
<div>
</div>
مزایای استفاده از عناصر معنایی HTML بر روی Divs
HTML5 عناصر معنایی HTML را برای آسان‌تر خواندن کد معرفی کرد. عناصر معنایی به محتوای وب معنا و ساختار می دهند.
آنها کد شما را برای توسعه دهندگان دیگر قابل درک می کنند. آنها همچنین پیدا کردن محتوای شما را برای موتورهای جستجو آسان تر می کنند و ترافیک سایت شما را هدایت می کنند. در اینجا برخی از عناصر معنایی وجود دارد که می توانید در پروژه های HTML و CSS خود استفاده کنید.
1.
تگ
<body>
<header>
<h1> Hi There!</h1>
<p>I am a header</p>
</header>
</body>
2.
تگ