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

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

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

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

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

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

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

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

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

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

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

تگ Header :

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

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

ولی تگ استاندارد سربرگ در 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 است، اطلاعاتی از کلیات سایت و همچنین بخش کپی رایت قرار می گیرد.

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

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

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

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

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

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

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

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

در باره نویسنده :

۲ نظرات

  1. امیر مرداد ۱۰, ۱۳۹۶ در ۹:۰۱ ق.ظ - پاسخ دادن

    عالی بود

    • سایت آموزی مرداد ۱۰, ۱۳۹۶ در ۶:۲۸ ب.ظ - پاسخ دادن

      ممنونم

ثبت ديدگاه

چهارده − شش =