Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

HTML 5

سلام

ابزاری که براتون ساختم به کمکش میتونید تگ ویدئو بسازید.

تگ video تگی است که به تازگی توسط نسخه پنجم HTML یعنی HTM5 ارائه شده است که به کمک این تگ میتوان در صفحه وب خود فایل ویدئویی برای نمایش قرار داد. از مزیت های این تگ نسبت به تگ هایی همچون embed و object این است که در صورتی که مرورگر شما از HTML5 پشتیبانی کند مرورگر دیگر نیازی به پلاگین های نمایش ویدئو ندارد.

توی گزینه ها یک گزینه هست بنام آدرس پوستر. شاید توی سایت هایی مثل آپارات دیده باشید که اول فیلم یا یه عکس تبلیغاتی میاد یا یه پیام بازرگانی. بوسیله این خاصیت میشه این کار ها رو کرد. اگه خالیش بزارید اولین فریم فیلم به عنوان پوستر نشون داده میشه.

باتشکر

ادامه مطلب

باسلام خدمت دوستان عزیز.

چند وقت پیش توی سایت گشتم و یک ابزار با عنوان

ابزار ساخت کد میله سبز رنگ - لودینگ ویندوز (تگ progress)

دیدم.البته اون ابزار هم خیلی خوب بود ولی من یک نسخه دیگش رو دست کردم که امکانات دیگه ای مثل نشان دادن میزان پیشرفت میله سبز رنگ به درصد و یک بخش info رو هم داره و یکم جمع و جورتره.

درباره تگ progress هم این رو بگم که یک تگ جدید از HTML5 هست. که برای نشان دادن میزان پیشرفت یک محتوی ساخته شده.

شکل و نوع رنگ این میله بستگی به ویندوزتون داره.

آموزش ساخت این تگ :

مثل سایر تگ ها تصویر اول پست

به تگ دوتا attribute میدیم.

یکی default که مقدار پیش فرض میله هست.یعنی میله چند درصد بره جلو و سبز بشه.

و دیگری max هست که میگه حداکثر میله میتونه تا چه مقداری پیش روی کنه.که معمولا بهتره 100 بزاریم.

البته هر چی دوست دارید هم میتونید بزارید.

مثل یک مدل سادش اینه:

تصویر دوم پست

باتشکر

ادامه مطلب

HTML5 نسل بعدی از HTML است.

HTML 5 چیست؟

اچ تی ام ال پنج استاندارد جدیدی برای کد های HTML خواهد بود.
نسخه قبلی اچ تی ام ال پنج ، HTML 4.01 می باشد که در سال 1999 منتشر شد و سایت ها را متحول کرد.
با وجود این هنوز بعضی از مرورگر ها با اچ تی ام ال 5 سازگار نشده اند. (ازجمله اینترنت اکسپلورر در این زمان)

ساخت HTML 5 چگونه آغاز شد؟

HTML5 همکاری بین کنسرسیوم شبکه جهانی وب (W3C) و فناوری وب ابرمتن برنامه گروه کاری (WHATWG) است.
 
برخی از قوانین و ویژگی های HTML5:
  • ویژگی های جدید باید بر اساس HTML، CSS، DOM و JavaScript طراحی شده
  • کاهش نیاز برای پلاگین های خارجی (مانند فلش)
  • جابجایی خطا بهتر است
  • جایگذاری بیشتر برای برنامه نویسی
  • HTML5 یک دستگاه مستقل می باشد.
  • فرایند توسعه باید برای عموم قابل مشاهده باشد.

<!DOCTYPE> در HTML5

در HTML5 فقط یک بیانیه وجود دارد، و آن بسیار ساده است <DOCTYPE> مانند:
<!DOCTYPE html>

حداقل سند HTML5

کد زیر نشان دهنده حداقل کدی است که برای یک صفحه در HTML5 نیاز است وجود دارد: 

 

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

ویژگی های جدید HTML5

برخی از جالب ترین ویژگی های جدید HTML5:
  • اضافه شدن عنصر <canvas> برای نقاشی دو بعدی (2D)
  • اضافه شدن عناصر <video> و <audio> در رسانه ها پخش
  • پشتیبانی برای ذخیره سازی محلی
  • تغییر محتوای عناصر خاص مانند <article>، <footer>، <header>، <nav>، <section>
  • کنترل شکل جدید، مانند تقویم، تاریخ، زمان، ایمیل، URL، جستجو

HTML5 از نظر پشتیبانی مرورگر ها

اچ تی ام ال 5 هنوز یک استاندارد رسمی نیست و تمام امکانات آن در مرورگر ها پشتیبانی نمی شود.
اما تمام مرورگر های بزرگ (سافاری، کروم، فایرفاکس، اپرا، اینترنت اکسپلورر) تلاش می کنند که این امکانات را در نسخه آخر خود اضافه کنند.
کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36598
افراد آنلاین : 2
بازدید امروز : 920
بازدید دیروز : 824
گوگل امروز : 111
گوگل دیروز : 110
بازدید هفته : 920
بازدید ماه : 27,978
بازدید سال : 340,362
بازدید کلی : 10,734,838