ساختار اولیه سند html5 سند استاندارد در اچ تی ام ال

در این مقاله از سایت آموزی ساختار اولیه ای که یک سند استاندارد HTML باید داشته باشد را خدمت دوستان گرامی شرح خواهم داد.

ساختار اولیه سند html5

امیدوارم مقالات قبلی مارو دنبال کرده باشید. و تا الان قدری با زبان HTML آشنا شده باشید.

دوستان گرامی در سند HTML5 ، یک سری تگ ها اضافه شدن و یک سری هم جایگزین تگ های قدیمی شدن.

ساختار اولیه سند html5 سند استاندارد در اچ تی ام ال - سایت آموزی

تگ Header :

به عنوان مثال در تصویر بالا که براتون تهیه کردم می بینید ، سربرگ سایت داخل تگی به نام تگ Header تعریف میشه.

قبلا برای ساختن سربرگ از یک تگ div استفاده می شد.

ولی تگ استاندارد سربرگ در html5 ، تگ هدر هست.

تگ nav :

یکی دیگر از تگ های جدید در html5 ، تگ nav می باشد.

این تگ هم که معمولا در بخش سربرگ و برای ساخت منو های سایت استفاده میشه.

در نسخه html4 تگ اختصاصی برای ساخت منوی هدر نداشتیم و از تگ div استفاده می شد.

تگ section :

این تگ ، جایگزین تگ div در بخشهایی از سند html5 ، به عنوان تگ پدر برای aside ، article و … کاربرد دارد.

ساختار اولیه سند html5 سند استاندارد در اچ تی ام ال

تگ main :

این تگ ، پس از تگ header سایت می آید. و شامل همه المان های استفاده شده بین header و footer می باشد.

تگ aside :

این تگ در html5 ، جایگزین تگ sidebar شده است.

در html5 برای ساختن سایدبار ، تگ aside درون تگ section قرار می گیرد.

معمولا در داخل خود می تواند دسته بندی ها ، آخرین دیدگاه ها ، آخرین نوشته ها ، محبوب ترین ها ، پربازدیدترین ها ، تبلیغات و … را قرار دهد.

تگ article :

این تگ داخل تگ پدر section ، می باشد. پست های سایت در این بخش قرار می گیرد.

تگ footer :

این تگ به عنوان تگ پابرگ سایت شناخته می شود.

در داخل تگ فوتر که یک تگ جدید در HTML5 است، اطلاعاتی از کلیات سایت و همچنین بخش کپی رایت قرار می گیرد.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

ساختار اولیه سند html5 سند استاندارد در اچ تی ام ال – اختصاصی سایت آموزی