HTML5 semantics:

و smantics عبارت است از بررسی معانی کلمات و اصطلاحات در یک زبان.
Semantics elemants = عناصر با معنی.

عناصر HTML معنایی به وضوح معنی آن را به روشی قابل خواندن توسط انسان و ماشین توصیف می کنند. عناصری مانند <header> ، <footer> و <article> همگی معنایی به حساب می آیند زیرا آنها به طور دقیق هدف از عنصر و نوع محتوای موجود در آنها را توصیف می کنند.

عنصر معنایی به طور واضح معنی آن را هم برای مرورگر و هم برای توسعه دهنده شرح می دهد.
نمونه هایی از عناصر معنایی: <form> ، <table> و <article> - به وضوح محتوای آن را تعریف می کند.

html5

بسیاری از وب سایت ها حاوی کد HTML مانند: <div id = "nav"> <div class = "header"> <div id = "footer">
برای نشان دادن ناوبری ، سربرگ و پاورقی.

و HTML5 عناصر معنایی جدید را برای تعریف قسمت های مختلف یک صفحه وب ارائه می دهد:

HTMLT <section> element

عنصر <section> بخشی را در یک docoument تعریف می کند.
"یک بخش یک گروه بندی موضوعی از مطالب است ، به طور معمول با عنوان."
یک صفحه اصلی برای معرفی ، محتوا و اطلاعات تماس می تواند به بخشهایی تقسیم شود.

<!DOCTYPE html>

<html>

<body>

<section>

  <h1>WWF</h1>

  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>

</section>

<section>

  <h1>WWF's Panda symbol</h1>

  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>

</section>

</body>
</html>

HTML <article> element:

عنصر <article> محتوای مستقل و حاوی خود را مشخص می کند.
یک article باید به خودی خود معقول باشد ، و باید بتوان آنرا مستقل از بقیه وب سایت ها خواند.

مثال:

• Forum post
• Blog post
• Newspaper article

HTML5 <header> Element:

عنصر <header> یک عنوان برای یک docoument یا بخش را مشخص می کند.
از عنصر <header> باید به عنوان ظرفی برای محتوای مقدماتی استفاده شود.
می توانید چندین عنصر <header> در یک سند داشته باشید.

عنصر <header> به طور کلی در بالای یک سند ، یک بخش یا یک مقاله یافت می شود و معمولاً شامل عنوان اصلی و برخی از ابزارهای جستجو و جستجو است.

مثال

HTML5 <footer> Element:

عنصر <footer> پاورقی برای یک سند یا بخش را مشخص می کند.
یک عنصر <footer> باید اطلاعاتی در مورد عنصر حاوی آن داشته باشد.
یک پاورقی به طور معمول شامل نویسنده سند ، اطلاعات مربوط به حق چاپ ، پیوندهای مربوط به شرایط استفاده ، اطلاعات تماس و غیره است.

اگر یک <footer> معمولاً در پایین یک سند ، یک بخش یا یک article یافت می شود. دقیقاً مانند <header> محتوا به طور کلی اطلاعات فراخوانی است ، مانند جزئیات نویسنده ، اطلاعات حقوقی و یا پیوندهایی به اطلاعات مرتبط. همچنین درج عناصر <section> در یک پاورقی نیز معتبر است.

HTML5 <nav> Element:

عنصر <nav> مجموعه ای از پیوندهای ناوبری را تعریف می کند.

توجه کنید که همه پیوندهای یک سند نباید درون یک عنصر <nav> باشد. عنصر <nav> فقط برای لینک های اصلی پیوندهای ناوبری در نظر گرفته شده است.

مثال

HTML5 <aside> Element:

عنصر <aside> مقداری از محتوا را جدا از محتویاتی که در آن قرار دارد تعریف می کند (مانند نوار کناری).
محتوای <aside> باید مربوط به محتوای اطراف باشد

.