تگ های معنایی در html5

تگ ها و المان های صفحه از نظر کامپیوتر دو دسته هستند، دسته ای که مفهوم دارند، دسته ای که بی مفهوم هستند. یعنی صرفا برای شکل گرفتن صفحه html از آن ها استفاده می شود.

دقت کنید که semantic elements یا semantic tags برای کامپیوتر و ماشین هستند، از نظر انسان که ما به راحتی درک میکنیم.

مثلا جمله زیر نگاه کنید.

<p> Mohammad was born in 1989 in Tehran</p>

کامپیوتر- ماشین – گوگل- مروگر همه و همه به این جمله به صورت یک متن نگاه میکنند، اما از این جمله مفهمومی درک نمیکنند، این که عدد 1989 مثلا در اینجا تاریخ تولد است یا تهران مکان تولد است، برای اینکه یک مرحله ماشین ها بتوانند بهتر اجزای صفحه را درک کنند، المان ها معنایی بوجود آمدند که ماشین ها بتوانند بهتر صفحات وب را درک کنند.

تگ های مثل div- span هیچ مفهومی ندارند و به اصطلاح semantic نیستند، اما در مقابل تگ هایی مانند form- table-article هر کدام یک معنا را منتقل می کنند و به اصطلاح تگ های semantic هستند.

در تصویر زیر اجرای مختلف یک صفحه وب را مشاهده می کنید، که هر کدام توسط یک تگ semantic پیاده سازی شدند.

اگر علاقه مند بودید، که بیشتر در خصوص سمنتیک وب – فلسفه آن بدانید، ویدیو یوتیوب زیر را ببینید که microsoft در این خصوص منتشر کرده است.