آموزش تصویری HTML5 جلسه سوم

آموزش تصویری HTML5 جلسه سوم ساختار سند در نسخه جدید

آموزش تصویری HTML5 جلسه سوم ، رو در این بخش از سایت آموزی برای شما تهیه کردیم.

در این جلسه شما رو با ساختار اولیه یک سند HTML5 آشنا میکنیم.

در این جلسه یک تصویر از صفحه استاندارد HTML5 در فتوشاپ براتون تهیه کردم.

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

شما با همه تگ های جدید استاندارد در سند HTML5 آشنا میشید.

این تگ های جدید عبارتنداز:

تگ Header :

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

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

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

آموزش تصویری HTML5 جلسه سوم ساختار سند در نسخه جدید

تگ nav :

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

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

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

تگ section اچ تی ام ال :

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

تگ main :

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

تگ aside اچ تی ام ال :

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

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

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

تگ article :

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

تگ footer در اچ تی ام ال :

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

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

همچنین تمامی تگ های اولیه این سند رو براتون در ادیتور dream viewer شرح دادم.

شما در پایان این جلسه تصویری ، با ساختار تگ های اولیه html5 آشنا میشید.

اول باید بدونیم که تگ ها چه هستند؟ و چند نوع تگ داریم؟

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

دو نوع تگ در HTML داریم : ۱- تگ های باز (Opening Tag) و ۲- تگ های بسته (Closing Tag)

از بخش زیر میتونید جلسه سوم آموزش تصویری HTML5 رو تماشا کنید.

[/fusion_text][fusion_text]

[/fusion_text][fusion_text]

با کلیک بر روی لینک زیر به قسمت های بعدی آموزش تصویری HTML5 بروید:

آموزش های تصویری HTML

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

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

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

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

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

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

تگ های HTML در W3school

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

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

آموزش تصویری HTML5 جلسه سوم ساختار سند در نسخه جدید – اختصاصی سایت آموزی