وبلاگ سعید زبردست

سلام

HTML5 نسخه شماره ۵ زبان اصلی World Wide Web یعنی HTML است. این نسخه در تاریخ ۲۲ ژانویه ۲۰۰۸ بوسیله کنسرسیوم وب جهانی (w3c) منتشر شد.
ایده ابتدایی این نسخه از HTML در سال ۲۰۰۴ در Web Hypertext Application Technology Working Group یا همان WHATWG کلید خورد. این گروه کاری شامل شرکت های بزرگی مانند AOL، Apple، Google، IBM، Microsoft، Mozilla، Nokia، Opera و … می باشد.

نشانه های جدید
HTML 5 عناصر و ویژگی های جدیدی به تگ ها (tag) ها اضافه کرده است. از لحاظ تکنیکی بعضی از این تگ ها به div و span شبیه هستند. به عنوان مثال تگ جدید nav و تگ جدید footer از این دسته هستند.
بعضی دیگر از تگ های جدید مخصوص موتور های جستجو (برای ایندکس کردن اطلاعات) ، دستگاه های دارای صفحه کوچک (مانند موبایل) و یا خواننده های صوتی می باشند مانند تگ های جدید audio و video.
همچنین بعضی از عناصر حذف شده اند. مانند تگ center.

تفاوت ها با HTML 4
لیست تعدادی از تفاوت های HTML 5 با HTML 4 به طور خلاصه (تعداد کمی از نمونه ها نمایش داده شده است) عبارتند از:
• عناصر جدید – section, video, progress, nav, meter, time, aside, canvas
• عناصر صفحه – header, section, footer, figure
• ویژگی های جدید برای تگ Input – date/time, email, url
• ویژگی های جدید – ping, charset, async
• ویژگی های عمومی (به تمامی عناصر قابل اعمال هستند) – id, tabindex,repeat
• عناصر حذف شده – center, font, strike
برای مشاهده تمامی تفاوت های HTML 5 با 4 کافیست به صفحه HTML 5 Reference مراجعه کنید.

میزان پشتیبانی مرورگر ها از استاندارد های HTML 5
برای مشاهده آخرین بررسی ها در رابطه با پشتیبانی مرورگر ها از استاندارد های HTML 5 می توانید به لینک های زیر مراجعه نمایید:

• Implementations in Web browsers
• Comparison_of_layout_engines

موفق باشید

اشتراک‌گذاری

HTML را می توان پایه طراحی صفحات وب دانست. با فراگیری HTML می توانید گام های بعدی را راحت تر بردارید. در راه خود استوار بوده و به صورت استاندارد به طراحی وب بپردازید.
کتاب الکترونیکی html شامل تمامی تگ های و دستور های HTML می باشد. شما با مطالعه این کتاب بخش عظیمی از زبان قالب بندی صفحه HTML را خواهید آموخت. این کتاب از 48 صفحه تشکیل شده است. کتاب تماماً به زبان فارسی بوده و به صورت ترتیبی و طبقه بندی شده html را به شما عزیزان یاد می دهد. پسوند فایل Doc. می باشد.
منبع اصلی کتاب در دست نیست. بعضی از قسمت های کتاب تغییر داده ام تا راحت تر بتوانید از آن استفاده کنید.
لینک دانلود کتاب الکترونیکی html با حجم 284 کیلو بایت

پی نوشت: لینک اصلاح شد.

اشتراک‌گذاری

سلام،

اگر دقت کرده باشید در آدرس بار کنار آدرس سایت http://zebardast.ir یک آیکون مشاهده می نمائید. در اصطلاح به این عکس فاویکون (Favicon) گفته می شود. برای اینکه شما نیز کنار آدرس سایت یا وبلاگ خود عکس را قرار بدهید مراحل زیر را پی بگیرید:

1. یک آیکون در سایز 16*16 طراحی نمائید.
2. فایل را با نام favicon.ico ذخیره نمائید.
3. فایل آیکون را بر روی یک سرویس دهنده آپلود نمائید.(در صورتی که سایت دارید در شاخه اصلی آپلود کنید)
4. کد زیر را در قسمت head قالب صفحه اصلی خود اضافه کنید: (به جای URL آدرس فایل آیکون را بنویسید. در صورتی که در شاخه اصلی سایت خود آپلود نموده اید نوشتن favicon.ico کافی است)

چند نکته:

• مرورگر اینترنت اکسپلورر favicon را فقط در صورتی که در دایرکتوری ریشه و با فرمت ico باشد نمایش می دهد.
• استفاده از فایل های متحرک برای این منظور غیر استاندارد می باشد ولی در صورتی که قصد دارید تا فایل متحرکی را در کنار آدرس سایت خود در آدرس بار قرار دهید، ابتدا فایل را با فرمت Gif طراحی نموده و سپس نام آن را به favicon.ico تغییر دهید. بدلیل استاندارد نبودن این روش ممکن است بعضی از مرورگر ها از آن پشتیبانی ننمایند.
• سایز استاندارد آیکون برای این کار 16*16 می باشد ولی شما می توانید از سایز های دیگر نظیر 32*32 و 48*48 نیز استفاده کنید.

• در صورتی که بعد از مراحل بالا عکس را در آدرس بار مشاهده ننمودید، می توانید با انجام یکی از دو کار زیر آیکون را مشاهده نمائید:
  1. Cache مرورگر خود را پاک کنید.
  2. بر روی عکسی که هم اکنون در آدرس بار مرورگر شماست کلیک کرده و آن را بر روی آدرس سایت خود بکشید و سپس رها نمائید.

شاد و پیروز باشید

اشتراک‌گذاری