فروردین ۲۰ ۱۳۸۷

درباره HTML 5

۸ نظردارد

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

موفق باشید

بخش: زبان (X)HTML
برچسب:
بهمن ۱۶ ۱۳۸۵

حل مشکل سایز فیلد password در IE

۲ نظردارد

سلام

یکی از اشکلات IE در نمایش فیلد های password فرم ها می باشد. به تصویر زیر توجه کنید:

password field solution in IE

برای حل این مشکل کافیست تا به همه فیلد های خود (برای داشتن اندازه ی برابر) کد استایل زیر را اضافه نمائید:

style=”font-family:’arial’;”

البته arial هر مقداری می تواند باشد. مهم اعمال خصیصه font-family می باشد.(این اعمال می تواند توسط کلاس ها، تگ ها و … صورت گیرد.)

به عکس زیر توجه کنید:

password field fixed in IE

موفق باشید

بخش: زبان (X)HTML, سی اس اس (css)
بهمن ۱۱ ۱۳۸۵

توضیحات شرطی – Conditional Comments

۵ نظردارد

سلام

مقدمه
گاهی اوقات در طراحی سایت، شما به مشکل مغایرت طراحی در دو مرورگر فایرفاکس و اینترنت اکسپلورر برخورد می کنید. مثلا text-align در فایرفاکس درست دیده می شود ولی اینترنت اکسپلورر آن را اشتباه نمایش می دهد. البته در صورت کد نویسی صحیح اینگونه مشکلات کمتر پیش می آید.
Conditional Comments، توضیحات شرطی خاصی می باشند که همانند یک اکستنشن در IE نسخه 5 به بالا کار می کنند. Conditional Comments به شما قابلیت تشخیص مرورگر IE و نسخه آن را می دهند.

نحوه استفاده
در زیر یک توضیح ساده که در بین کدهای x-html نوشته می شود را مشاهده می کنید:

<!-- This text will be ignored by the browser. -->

ساده ترین دستور زبان Conditional Comments مانند زیر است:

<!--[if IE]>
This text will be shown by IE/win ver. 5.0 and higher.
 <![endif]-->

(ادامه…)

بخش: زبان (X)HTML
دی ۲۵ ۱۳۸۵

چگونه فایرفاکس را متوجه خروجی RSS سایتمان کنیم؟

۵ نظردارد

سلام

اگر با فایرفاکس کار کرده باشید متوجه آیکون rss - firefox - فایرفاکس - آر اس اس در آدرس بار شده اید. البته این آیکون فقط زمانی نمایش داده می شود که فایرفاکس متوجه خروجی RSS سایت شما شود. برای اینکه فایرفاکس را متوجه این موضوع کنید، کد زیر را در داخل بلوک تگ <head> قرار دهید:

<link rel="alternate" type="application/rss+xml" title="TITLE" href="RSS-URL" />

که در آن type نوع نسخه RSS ،TITLE معمولاً نسخه RSS شما (یا هر عنوان دیگری) و RSS-URL آدرس خروجی RSS شما می باشد. در صورتی که چندین نوع خروجی RSS دارید، به ازای هر کدام، کد را جداگانه بنویسید.
به عنوان مثال کد زیر مربوط به همین وبلاگ است:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://dev.cheshmak.net/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://dev.cheshmak.net/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://dev.cheshmak.net/?feed=atom" />

نکته : این کدها با IE 7 و Safari نیز سازگار می باشند.

موفق باشید

بخش: زبان (X)HTML
مهر ۰۳ ۱۳۸۵

Alternate Style Sheets – استایل جایگزین

۰ نظردارد

گاهی اوقات لازم است از چندین استایل برای طراحی سایت خود استفاده نمائید. مثلا با توجه به بینائی افراد استایل های مختلفی را طراحی کنید.
این کار بسیار ساده است. کافیست بعد از اضافه کردن استایل پایه با دستور زیر

<link rel="stylesheet" title="TITLE" href="URL"/>

که در آن title = عنوان دلخواه برای این استایل و href = آدرس نسبی یا مطلق این استایل می باشد، با استفاده از دستور زیر به تعداد دلخواه استایل جایگزین بسازید:

<link rel="alternate stylesheet" title="TITLE" href="URL"/>

برای سوئیچ کردن بین استایل های مختلف کافی است بعد از باز شدن صفحه حاوی استایل های جایگزین، در مرورگر فایرفاکس (FireFox) به منو View رفته و از زیر منو Page Style استایل جایگزین مورد نظر را انتخاب کنید.
(ادامه…)

بخش: زبان (X)HTML, سی اس اس (css)
1 2