برنامه نویسی

نحوه نوشتن HTML معنایی

سلام آنجا ،
شرط می بندم HTML یکی از اولین زبانهایی بود که شما آموختید.
اما چند بار فکر کرده اید که از استفاده کنید sectionبه جای div؟
در این مقاله بررسی خواهیم کرد که چرا HTML معنایی بسیار مهم است و چگونه آن را بنویسیم.

معنایی HTML چیست

منظور ما از چیست

معنایی

این به سادگی به معنای “معنی دار” است.
نوشتن html که برای انسان و رایانه معنی دار است.
اگر کسی که کد HTML شما را مشاهده می کند ، نمی تواند بگوید که بدون اظهار نظر چه تکه هایی از نشانه گذاری است ، احتمالاً معنایی نیست.

چرا HTML معنایی

در اینجا چند دلیل آورده شده است

  • معنایی HTML استانداردی است که توسط W3C توصیه می شود
  • این بهتر توسط مرورگرها شناخته می شود و می تواند از یک ظاهر طراحی پیش فرض بهره مند شود.
  • بهتر است توسط خوانندگان صفحه نمایش تفسیر شود
  • دسترسی را افزایش می دهد
  • به عنوان مثال ، ساختار کد ما را مقایسه می کند:

logo

id="hero">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et eligendi dolorum explicabo, earum atque accusamus sequi quo, excepturi fugiat totam repellat incidunt harum magni dignissimos dolores neque a ab autem.

id="footer">Footer
Enter fullscreen mode Exit fullscreen mode

With this:

حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

در نظرات به من بازخورد دهید.

برخی از برچسب های معنایی

در اینجا برخی از برچسب های HTML معنایی برای استفاده روزمره آورده شده است:

  • nav
  • section
  • form
  • header
  • footer
  • aside
  • p
  • small
  • و غیره ...

نحوه نوشتن HTML معنایی

برای نوشتن HTML معنایی ، فقط باید متفکر باشید.
قبل از اینکه آن قطعه را در divو CSS را به آن پرتاب کنید ، فکر کنید.
من سعی می کنم به چه چیزی برسم؟
این مطالب چه کاری انجام می شود؟

راهنمایی در مورد برچسب ها برای چه چیزی

section هر زمان که می خواهید محتوا را به بخش ها ، به عنوان مثال ، در مورد بخش ، بخش تماس با آن استفاده کنید ، از آن استفاده کنید.

small وقتی می خواهید یک قطعه متن را تأکید کنید ، از آن استفاده کنید.

aside در هنگام محتوایی که از جریان عادی سند جدا خواهد بود استفاده کنید.

form از آن برای بسته بندی عناصر ورودی استفاده کنید

در نتیجه، همه می توانند از HTML معنایی و به طور کلی کد توصیفی را تمیز کنند. امیدوارم که این را مفید داشته باشید. در نظرات به من اطلاع دهید.

من یک توسعه دهنده کامل و نویسنده فنی NextJS هستم ، برای همکاری و بحث و گفتگو باز هستم.
به سلامتی

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا