طراحی سایت با css3 و html5

آیا می دانید تفاوت بین css با css3 و همچنین html4 با html5 در چیست؟ در این مقاله سعی کردیم تفاوت های آنها را بیان کنیم پس با ما همراه باشید


تفاوت css و css3در چیست؟

css3 ورژن جدیدتر css است که نسبت به ورژن قبلی پیشرفته تر شده است. در اینجا می خواهیم نکات مهم تفاوت آن دو را بیان کنیم. css برای کنترل style و layout صفحات وب سایت استفاده می شود. css3 جدیدترین ورژن استاندارد css است.

  • css3 توانایی ارایه ماژول ها را نسبت به ورژن قبل دارد که باعث می شود ظاهر جذاب تر ولود سبک تری را به شما بدهد.

  • از دیگر ویژگی های css3 سایه دار کردن متن، منحنی کردن لبه های کار، استفاده از چند تصویر برای پس زمینه

  • ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های css3 است.

  • توضیحی که درخصوص پس زمینه لازم است بدانید این است که برای استفاده از پس زمینه باید از تعدادی تگ html و تگ div روی صفحات وب استفاده کرد تا این پس زمینه ها نشان داده شود.

  • با css3 تصویر پس زمینه بهبود یافت و property ساخته شد که این امکان را به تصاویر می داد تا به ترتیب از بالا کنار هم قرار بگیرند.

  • در css چیزی بنام doctype ها وجود دارد که بسیار بلند بودند اما در css3 دیگرخبری از doctype های طولانی نیست. اگر می خواهید این سادگی را بهتر درک کنید کافیست به doctype! نگاهی بیندازید وببینید  که در این ورژن چقدر کوتاه شده است.

حال چرا css3 را برمی گزینیم؟

وجود خصیصه های متنوع و جدید مثل:

  • انتخاب کننده ها، مدل جعبه ای، جلوه های متنی، زمینه و حاشیه، تبدیل های دو/سه بعدی، انیمیشن، ستون های چندگانه، واسط کاربری (UI) را می توان نام برد.

حال در این قسمت به بررسی تفاوت html4 و html5 می پردازیم:

اول اینکه html5 همچنان در حال پیشرفت است و ممکن است در سال چندین بار به روزرسانی شود. اما مباحثی که در html4 به عنوان مباحث پایه وجود دارد در این ورژن هم قابل پیاده سازی هستند.

  • ساده شدن دستورات: به عنوان مثال در doctype ها فقط از دستور <!doctype html> استفاده می کنیم.

  • اضافه شدن تگ های معنایی: تگ هایی مثل <header> و <footer> که این امکان را می دهد نیازی به تعریف این موارد در css و استفاده از کلاس آن ها در div های خاص نباشد.

  • تگ های جدیدی مثل <section> و <article>: این تگ ها باعث می شود که موتور جستجو آنها را بهتر شناسایی کند و همچنین به بالا رفتن seo وب سایت شما کمک شایانی می کند.

  • اضافه شدن تگ های <menu> و <figure>: برای ایجاد منوها از menu و نظم دهی به متن و عکس از figure استفاده کنید.

  • تگ های <video> و <audio>: با استفاده از این دو تگ می توان به راحتی فایل های تصویری و صوتی را بدون نیاز به نصب flash player توسط کاربر دیده شود.

  • ایجاد فرم های جدید در html5: html5 خودش همه کارها را در این قسمت انجام می دهد و دیگر زمانی که کاربر ایمیل خود را وارد می کند نیازی به اعتبار سنجی نیست.

  • حذف <b> و <font>: در html5 اصل بر این است که شما برای طرح های گرافیکی از css استفاد کنید به همین دلیل دیگر به شما این امکان داده نخواهد شد که از تگ های تنظیم کننده نوع فونت به صورت مستقیم استفاده کنید.

  • عدم پشتیبانی از <center> و <big>: دیگر از این دو تگ در html استفاده نمی شود.

چکیده مطلب: با توجه به مطالب گفته شده دیگر از html4 استفاده نمی شودو با امکاناتی که گفته شد شما هم     حتما html5 را انتخاب می کنید.

گروه طراحی سایت در کرج - کارناوب اماده ارائه خدمات طراحی سایت ، نرم افزار های تحت وب می باشد

 



به مطلب ارائه شده امتیاز بدهید



Arun

هادی جعفری

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

  • مطلب چه طور بود؟ سوالی در این باره دارید؟ در بخش نظرات مطرح نمایید.

نظر سنجی

بهترین سرویس آمار بازدیدکنندگان کدام است ؟


نمایش نتیجه ها



54رای