سری آموزشی HTML 5 : مقدمه

- visibility ۲۳ mode_comment

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

در این سری از سری آموزش های زبان های تحت وب به معرفی HTML 5 و عناصر جدید، صفات جدید ، عناصر منسوخ شده و جایگزین آن ها و... می پردازیم.

البته در سری آموزشی HTML بعضی از پرکاربردترین عناصر و صفات را بررسی کردیم، اما در این آموزش به شرح دقیق ما بقی موارد خواهیم پرداخت.

HTML 5

HTML 5 جدیدترین استاندارد HTML, XHTML و HTML DOM است. آخرین استاندارد HTML یعنی XHTML در سال 1999 پایگذاری شد، تقریبا 15 سال پیش! در این 15 سال دنیای وب دچار تغییر و تحول بسیاری شد و  همچنین تکنولوژی های جدید و پیشرفت رو به رشد دنیای وب، باعث شد که HTML تکان دیگری به خود بدهد که منجر به ایجاد HTML 5 شد.

این ورژن از HTML با 6 هدف مهم کارش را شروع کرد :

  1. موارد جدید (تغییرات وب پس از XHTML) بایستی از پایه های HTML و CSS و Javascript باشند
  2. نیاز کمتر به استفاده از پلاگین ها (مانند فلش)
  3. به راحتی پیدا کردن اشکالات یک صفحه وب.
  4. عناصر بیشتر جهت تعامل بهتر. (کمتر شدن نیاز به استفاده از class و id)
  5. HTML5 کمترین وابستگی به دستگاه را داشته باشد.
  6. یادگیری و استفاده از آن برای همه مقدور باشد.

با توجه با این 6 هدف تقریبا 30 المنت جدید، 10 صفت جدید، و 50 رویداد جدید به HTML اضافه شد.

برخی از این موارد جدید عبارتند از

  1. المنت canvas جهت نقاشی
  2. المنت های video  و audio برای بخش رسانه های صوتی و تصویری
  3. المنت های جدید مانند header , footer , section  و article جهت مدیریت محتوای صفحه.
  4. المنت های کنترل فرم مانند date, time ,email و ...

مرورگر های جدید Chrome , Opera , Safari و Firefox از بیشتر این موارد پشتیبانی می کنند. Ie9 به بعد نیز از html5 پشتیبانی می کند.

info نکته :

تگ های  HTML5 در نرم افزار Dreamweaver cs5 بروزرسانی شده و قابل استفاده در کدنویسی در این نرم افزار می باشد.

این دوره سری آموزشی بر پایه ی تجربیات بنده و همچنین تکمیل و ترجمه  از چند منبع دیگر و از سایت W3schools است که هر پنج روز یک جلسه از آن منتشر خواهد شد.

جهت یادگیری کامل این مطالب بهتر که ابتدا آشنایی مختصری با HTML ، CSS و Javascript را داشته باشید.

امیدوارم که مورد استفاده شما قرار بگیره.

comment دیدگاه کاربران
سید مجتبی موسوی

توی dreamweaver cs6همhtml5بروز رسانی شده؟

سجاد دریس

سلام.
بله dw از ورژن cs5 به بعد از html5 پشتیبانی میکنه

حسین

آفرین به این سایت
بروز ترین تو ایران هستید …

حسین

آفرین به این سایت

سلام خسته نباشید لطفا اگر می شود این بخش رو به تب سری های آموزشی اضافه کنید

و اگر می شود آموزش کامل css3 (در صورتی که در سری قبلی کامل توضیح داده نشده) قرار بدید

و اگر می شود آموزش رسپانسیو کردن رو هم یاد بدید در یک مطلب

و اگر می شود در آخر سری آموزشی html5 و css3 یاد بدید که چجوری قالب ها رو با w3c ولید کنیم

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

سجاد دریس

سلام.
1. توی برگه ی سری آموزشی html و html5 ، لینک مطالب این سری قرار گرفته
2. سری آموزشی css3 کاملا توضیح داده شده و فقط ترفندهاش مونده که در حال جمع آوری برترین ترفنداش هستم و در آینده منتشر می کنم.
3. آموزش ریسپانسیو هم توی برنامه هست.
4. چشم آموزش ولید کردن رو هم قرار خواهم داد.

ببخشید پیش نیاز این دوره فقط HTML هستش ؟؟

لقمان آوند

بله

Mahmood Dabestani

سلام جناب آوند عزیز.
ببخشید مزاحمتون شدم.
سوالی داشتم که ممنونم میشم اگه پاسخ بدید.
در html5 تگ های زیادی هستند که منسوخ شده به شمار میان.
میخواستم بدونم جایگزین دو تگ منسوخ font و center چه تگهایی هستن؟
سپاس.

لقمان آوند

سلام به جای تگهای منسوخ شده باید از خصوصیت های css استفاده کنید .
به جای تگ فونت می تونید از یه تگ span استفاده کنید و کلاس css خاصی رو به اون بدید و در اون سلکتور از خصوصیت های فونت css برای تعین سایز و رنگ و نوع فونت استفاده کنید .
برای تگ center هم به همین شکل هست باید از ویژگی text-align:center برای وسط چین کردن محتوا و از margin:0 auto برای به وسط آوردن خود تگ استفاده میشه .

نیاز به لاگین

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