آموزش تصویری 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
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
آموزش تصویری HTML5 جلسه سوم ساختار سند در نسخه جدید – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی4 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
عالی بود
ممنونم
سلام ولی کمی فیلم کوچک است و آموزش طراحی سایت با اتم نیز دارید یا خیر
درود بر شما در آموزش جامع کدنویسی وب فرانت اند شرکت کنید… با تشکر از شما…