چرا استفاده از HTML معنایی؟

یک اصل مهم جنبش استاندارد های وب که مسئول صنعت ما است امروزه ایده استفاده از عناصر HTML برای آن چیزی است که آنها به جای اینکه به طور پیش فرض در مرورگر ظاهر شوند. این به عنوان استفاده از HTML Semantic شناخته شده است.

HTML معنایی چیست؟

HTML معنایی یا نشانه گذاری معنایی HTML است که به معنای وب سایت به جای ارائه فقط معنایی را معرفی می کند. به عنوان مثال، یک تگ

نشان می دهد که متن محرمانه یک پاراگراف است.

اینها هم معنایی و هم ارائه دهنده هستند، زیرا مردم می دانند پاراگراف ها چه هستند و مرورگر ها می دانند که چگونه آنها را نمایش دهند.

در تلنگر این معادله، تگهای و معنایی نیستند، زیرا فقط آنها را چگونگی ظاهر متن (bold یا italic) و معنای اضافی را برای نشانه گذاری ارائه نمی دهند.

مثال هایی از برچسب های معنایی HTML عبارتند از برچسب های هدر

از طریق

،
، و . بسیاری از تگ های معنایی HTML بیشتر وجود دارد که می تواند به عنوان یک وب سایت سازگار با استانداردها ایجاد شود.

چرا باید درباره معناشناسی مراقبت کنید

مزیت نوشتن HTML معنایی ناشی از اهمیت هدایت هر صفحه وب است - تمایل به برقراری ارتباط. با اضافه کردن تگ های معنایی به سند خود، اطلاعات بیشتری در مورد آن سند ارائه می دهید که در ارتباطات کمک می کند. به طور خاص، برچسب های معنایی آن را به مرورگر روشن می کند که معنای یک صفحه و محتوای آن چیست.

این وضوح همچنین با موتورهای جستجو ارتباط برقرار می کند و اطمینان حاصل می کند که صفحات مناسب برای نمایش داده شده درست است.

تگ های HTML معنایی اطلاعاتی در مورد محتویات آن برچسب ها ارائه می دهند که فراتر از آن چیزی است که آنها به یک صفحه نگاه می کنند. متن که در برچسب محصور شده است بلافاصله توسط مرورگر به عنوان نوعی از زبان برنامه نویسی شناخته می شود.

به جای تلاش برای رندر کردن این کد، مرورگر متوجه می شود که شما از این متن به عنوان مثال از کد برای اهداف مقاله یا آموزش آنلاین استفاده می کنید.

با استفاده از برچسب های معنایی، شما می توانید بسیاری از قلاب ها را برای ظاهر شدن مطالب خود داشته باشید. شاید امروز شما ترجیح می دهید نمونه های کد خود را در سبک پیش فرض مرورگر نمایش داده، اما فردا شما می خواهید آنها را با رنگ پس زمینه خاکستری فراخوانی کنید، و بعد می خواهید خانواده فونت دقیق یا فونت را برای استفاده برای نمونه های شما شما می توانید با استفاده از نشانه گذاری معنایی و CSS اعمال شده به راحتی تمام این کارها را انجام دهید.

استفاده صحیح برچسب های معنایی

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

  • blockquote - بعضی از افراد از برچسب
    برای نوشتن متن استفاده می کنند که نقل قول نیست. این به این دلیل است که blockquotes به طور پیش فرض تند است. اگر به سادگی می خواهید به مزایای ردگیری، اما متن یک بلوک متن نیست، به جای آن از حاشیه CSS استفاده کنید.
  • p - بعضی از ویرایشگرهای وب با استفاده از

    & nbsp؛ (یک فضای ناپیوسته موجود در پاراگراف) برای اضافه کردن فضای اضافی بین عناصر صفحه، به جای تعریف پاراگراف های واقعی متن آن صفحه. همانطور که در مثال قبلی اشاره کردیم، باید از خصوصیت style margin یا padding برای اضافه کردن فضای استفاده کنید.