نحوه نوشتن 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
With this:
Logo
Topic
Sub Topic
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatem consectetur qui rerum,
tenetur corporis ex explicabo omnis quam,
earum expedita ipsam pariatur natus illo,
officiis! Corporis, reiciendis unde deserunt facilis.
Footer
در نظرات به من بازخورد دهید.
برخی از برچسب های معنایی
در اینجا برخی از برچسب های HTML معنایی برای استفاده روزمره آورده شده است:
nav
section
form
header
footer
aside
p
small
- و غیره ...
نحوه نوشتن HTML معنایی
برای نوشتن HTML معنایی ، فقط باید متفکر باشید.
قبل از اینکه آن قطعه را در div
و CSS را به آن پرتاب کنید ، فکر کنید.
من سعی می کنم به چه چیزی برسم؟
این مطالب چه کاری انجام می شود؟
راهنمایی در مورد برچسب ها برای چه چیزی
section
هر زمان که می خواهید محتوا را به بخش ها ، به عنوان مثال ، در مورد بخش ، بخش تماس با آن استفاده کنید ، از آن استفاده کنید.
small
وقتی می خواهید یک قطعه متن را تأکید کنید ، از آن استفاده کنید.
aside
در هنگام محتوایی که از جریان عادی سند جدا خواهد بود استفاده کنید.
form
از آن برای بسته بندی عناصر ورودی استفاده کنید
در نتیجه، همه می توانند از HTML معنایی و به طور کلی کد توصیفی را تمیز کنند. امیدوارم که این را مفید داشته باشید. در نظرات به من اطلاع دهید.
من یک توسعه دهنده کامل و نویسنده فنی NextJS هستم ، برای همکاری و بحث و گفتگو باز هستم.
به سلامتی