وبلاگ سعید زبردست » html http://zebardast.ir دسته نوشته ها و مقالاتی در زمینه علوم کامپیوتر و تجربیات شخصی Fri, 18 May 2012 15:59:30 +0000 fa hourly 1 http://wordpress.org/?v=3.3.2وبلاگ سعید زبردست http://0.gravatar.com/avatar/9fb25dddd365836466bd8051be993fa8.png?s=48http://zebardast.ir درباره HTML 5http://zebardast.ir/%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-html-5/ http://zebardast.ir/%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-html-5/#comments Tue, 08 Apr 2008 18:55:14 +0000 سعید زبردست http://itpencil.wordpress.com/?p=484 مطالب مرتبط:
  1. از سیر تا پیاز HTML در کتاب الکترونیکی آموزش html
  2. تفاوت های HTML با XHTML
  3. HTML چیست؟
]]> html
سلام :)

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

موفق باشید

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. از سیر تا پیاز HTML در کتاب الکترونیکی آموزش html
  2. تفاوت های HTML با XHTML
  3. HTML چیست؟

]]> http://zebardast.ir/%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-html-5/feed/ 8 از سیر تا پیاز HTML در کتاب الکترونیکی آموزش htmlhttp://zebardast.ir/%da%a9%d8%aa%d8%a7%d8%a8-%d8%a7%d9%84%da%a9%d8%aa%d8%b1%d9%88%d9%86%db%8c%da%a9%db%8c-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/ http://zebardast.ir/%da%a9%d8%aa%d8%a7%d8%a8-%d8%a7%d9%84%da%a9%d8%aa%d8%b1%d9%88%d9%86%db%8c%da%a9%db%8c-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/#comments Sat, 24 Jun 2006 17:00:55 +0000 سعید زبردست http://itpencil.wordpress.com/2006/06/24/%da%a9%d8%aa%d8%a7%d8%a8-%d8%a7%d9%84%da%a9%d8%aa%d8%b1%d9%88%d9%86%db%8c%da%a9%db%8c-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/ مطالب مرتبط:
  1. کتاب الکترونیکی معرفی PHP به زبان فارسی
  2. کتاب الکترونیکی همه چیز درباره Ajax
  3. کتاب الکترونیکی ‫راهنمای سریع دستورات برای شروع کار با اوبونتو
]]> HTML را می توان پایه طراحی صفحات وب دانست. با فراگیری HTML می توانید گام های بعدی را راحت تر بردارید. در راه خود استوار بوده و به صورت استاندارد به طراحی وب بپردازید.
کتاب الکترونیکی html شامل تمامی تگ های و دستور های HTML می باشد. شما با مطالعه این کتاب بخش عظیمی از زبان قالب بندی صفحه HTML را خواهید آموخت. این کتاب از 48 صفحه تشکیل شده است. کتاب تماماً به زبان فارسی بوده و به صورت ترتیبی و طبقه بندی شده html را به شما عزیزان یاد می دهد. پسوند فایل Doc. می باشد.
منبع اصلی کتاب در دست نیست. بعضی از قسمت های کتاب تغییر داده ام تا راحت تر بتوانید از آن استفاده کنید.
لینک دانلود کتاب الکترونیکی html با حجم 284 کیلو بایت

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

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. کتاب الکترونیکی معرفی PHP به زبان فارسی
  2. کتاب الکترونیکی همه چیز درباره Ajax
  3. کتاب الکترونیکی ‫راهنمای سریع دستورات برای شروع کار با اوبونتو

]]> http://zebardast.ir/%da%a9%d8%aa%d8%a7%d8%a8-%d8%a7%d9%84%da%a9%d8%aa%d8%b1%d9%88%d9%86%db%8c%da%a9%db%8c-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/feed/ 6 نحوه قرار دادن عکس کنار آدرس بارhttp://zebardast.ir/%d9%86%d8%ad%d9%88%d9%87-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%b9%da%a9%d8%b3-%da%a9%d9%86%d8%a7%d8%b1-%d8%a2%d8%af%d8%b1%d8%b3-%d8%a8%d8%a7%d8%b1/ http://zebardast.ir/%d9%86%d8%ad%d9%88%d9%87-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%b9%da%a9%d8%b3-%da%a9%d9%86%d8%a7%d8%b1-%d8%a2%d8%af%d8%b1%d8%b3-%d8%a8%d8%a7%d8%b1/#comments Fri, 16 Jun 2006 06:33:36 +0000 سعید زبردست http://itpencil.wordpress.com/2006/06/16/%d9%86%d8%ad%d9%88%d9%87-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%b9%da%a9%d8%b3-%da%a9%d9%86%d8%a7%d8%b1-%d8%a2%d8%af%d8%b1%d8%b3-%d8%a8%d8%a7%d8%b1/ مطالب مرتبط:
  1. نحوه FTP با اینترنت اکسپلورر ۷ (IE 7)
  2. کنار رود پیدرا نشستم و گریستم
  3. بدست آوردن کشور یک آدرس IP به کمک MySQL
]]>
سلام،

اگر دقت کرده باشید در آدرس بار کنار آدرس سایت 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. بر روی عکسی که هم اکنون در آدرس بار مرورگر شماست کلیک کرده و آن را بر روی آدرس سایت خود بکشید و سپس رها نمائید.

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

Google+FacebookTwitterIdenti.caاشتراک‌گذاری

مطالب مرتبط:

  1. نحوه FTP با اینترنت اکسپلورر ۷ (IE 7)
  2. کنار رود پیدرا نشستم و گریستم
  3. بدست آوردن کشور یک آدرس IP به کمک MySQL

]]> http://zebardast.ir/%d9%86%d8%ad%d9%88%d9%87-%d9%82%d8%b1%d8%a7%d8%b1-%d8%af%d8%a7%d8%af%d9%86-%d8%b9%da%a9%d8%b3-%da%a9%d9%86%d8%a7%d8%b1-%d8%a2%d8%af%d8%b1%d8%b3-%d8%a8%d8%a7%d8%b1/feed/ 12