آرمان وب؛ تفکر آرمانی، نتیجه آرمانی

Html5 در طراحی سایت

Html5 در طراحی سایتحتما تا به حال اسم Html5 را زیاد شنیده اید و علاقه مند دانستن این هستید که Html5 چه فرقی با Html نسخه های قبلی دارد و مزیت Html5 در طراحی سایت چه چیزهایی است که طراحان وب سایت علاقه مند طراحی سایت با Html5 شده اند.

همانطور که میدانید Htmlیک زبان تحت کلاینت است که در طراحی سایت , بخش هایی که در معرض دید کاربران قرار دارد را با این زبان طراحی می کنند اما این زبان هم مانند سایر زبان های برنامه نویسی دست خوش تغییرات و دگرگونی بوده است و توانسته نسخه های جدید  بسیاری را از خود منتشر کند و Html5هم آخرین نسخه از این زبان تحت کلاینت است که محبوبیت های بیشتری نسبت به سایر نسخه ها کسب کرده است و این محبوبیت ها را مدیون ظاهر Semantic  خود است.

ساختار Semantic در Html5

<nav>در برگیرنده کدهای مربوط به منو است

<aside>دربرگیرنده کدهای ستون های کناریست

<header>سرصفحه پیج را شامل میشود

<footer>پاصفحه یا فوتر پیج را دربر دارد

<section>قسمت های ثابت در صفحه در این تگ قرار می گیرند

<article>قسمتی است که محتوی و مقالات در آن قرار میگیرد و غیر ثابت است

Html5 Semanc

کوتاه شدن کدها در Html5:

باتوجه به این که کدها در Html5 کوتاه تر و بهینه تر شده اند , خوانایی در کدها  افزایش پیدا کرده است و همین موضوع توانسته کدخوانی را درHtml5   بالا ببرد.

کدخوانی و خوانش کدها در کدنویسی چیزی است که خیلی قابل اهمیت است و برنامه نویسان و Htmlکارانی که بتوانند قالب های تمیز با کدنویسی تمیز را داشته باشند توسعه و ویرایش قالب توسط شخص دیگری به راحتی انجام می گیرد.

وقتی قسمت های مختلف یک قالب طراحی سایت در   Html5دسته بندی شده اند, به راحتی میتوان قسمت هدر و فوتر و قسمت های دیگر را به وضوح تشخیص داد و این تشخیص دادن یک نوع کدخوانی  است .

Html5 کاملا سازگار با CSS3 است که توانسته است ظاهر زیبا تری را خلق کند و این نسخه زمانی که با CSS3ادغام میگردد مانند استفاده از Flash و Silver light عمل خواهد کرد.

فایل های Flashبرای اجرا شدن نیازمند adobe flash player  در مرورگرها هستند که اگر در مرورگر کاربران این ابزار نصب نباشد نمیتوانند این فایل های فلش را تماشا کنند, و همینطور Silver light یک تکنولوژی است که از سمت شرکت مایکروسافت برای جایگزین کردن فایل های فلش راه اندازی شد که برای اعمال افکت های گرافیکی کاربرد داشت ولی در حقیت پروژه موفقی نبود و هیچگاه نتوانست رقیب جدی برای Flash  محسوب شود.

در طی مقاله ایی که در همین وب سایت با عنوان "طراحی سایت پارالاکس" منتشر کردیم شما میتوانید نمونه طراحی سایت هایی که با Html5و CSS3  و فریمورک Parallax طراحی شده اند را مشاهده کنید تا از جذابیت های ظاهری در Html5 مطلع شوید.

مشاوره و آنالیز آرمان وب

استرایگان

به مشاوره نیاز دارید

با خیال راحت تصمیم بگیرید،آرمان وب در کنار شماست
Tell Icon