HtMl5 وما قدمته .!

ASP, PHP, JavaScript, JSP, ... etc
قوانين المنتدى
صورة العضو الشخصية
ليث
manager
manager
مشاركات: 620
اشترك في: الخميس نوفمبر 20, 2008 9:34 am

HtMl5 وما قدمته .!

مشاركةبواسطة ليث » الاثنين يناير 23, 2012 12:04 pm

HtMl5 وما قدمته .!

صورة

السلام عليكم ورحمة الله وبركاته


بدأ الحديث منذ فترة عن ال html5 والـ CSS 3 لوصلوهم في نفس الوقت في الغالب وارتباطهم ببعض القوى. حتى الآن اغلب المتصفحات الحديثة تدعم هذه التطورات فايرفوكس واوبرا وكروم وسفارى. ولكن حتى الآن لم يتم دعم الـ html5 ولكن المستخدم والرسمي من W3C هو الـ HTML4. تحتوى الـ html5 على العديد من الوسوم الجديدة سوف نستعرض أهمها وإن شاء الله سوف يكون مقال آخر لـ CSS 3.

ما هو HTML 5 ؟
HTML 5 هو الإصدار الجديد من لغة تكوين صفحات المواقع Hypertext Mark-up Language . و في الإصدار الجديد يتم تقديم عدد من العناصر الجديدة و التي تسهل من فكرة تكوين الصفحات حسب ما نقوم به يدوياً في XHTML 1.0 بالإضافة إلى تسهيل الأمور على محركات البحث في قراءة الصفحات و معرفة ما هي أجزاء الصفحة الفعلية (الجزء العلوي Header , القائمة Navigation, المحتوى Sections و الجزء السفلي Footer ) . كما توفر HTML عدد من بيئات العمل المختلفة لتكوين الجرافيكس و الفيديو و العديد من المميزات التي ستسهل الكثير مما يتم القيام به حالياً .

لنبدأ


صورة


كود: تحديد الكل

1- <!DOCTYPE>
نوع الوثيقة ليست من ضمن الوسوم ولكن هي بداية لأي صفحة بهذه اللغة لتخبر المتصفح نوع الوثيقة
أصبحت في الـ HTML5

هكذا <!DOCTYPE html> مع ملاحظة أنها يجب كتابتها قبل بداية وثيقة الـ HTML.

<!DOCTYPE HTML>
<html>
<head>
<title>Page Title</title>
</head>

<body>
Page Content
</body>

</html>

<div id=”Header”>…</div>

أصبح في الـ HTML 5

<header>

2- <header>
هو أحد الوسومات الجديدة والجديدة فيه سهولة استخدامه أكثر من مرة فهو هيدر للصفحة وهيدر للعمود وهيدر للمقالة.

3- <nav>
معروفة بمنطقة القوائم أو التنقلات.

4- <section>
يستخدم لتعريف أقسام الصفحة على حسب الأنماط الخاصة بها فيمكن وضع سكشن للأخبار وسكشن الاتصال وهكذا.

5- <article>
يحتوى على أشكال مختلفة للنصوص في الصفحة فهو خاص للمقالات أو التدوينات الخاصة بالمدونات وخلافه.

6- <aside>
هو الخاص بالجانب سواء الأيمن أو الأيسر.

7- <footer>
ليس خاص بنهاية الصفحة ولكن كما استخدمنا الهيدر في أكثر من مكان نستطيع استخدام الذيل في أكثر من مكان هو ذيل للصفحة أو العمود أو المقالة وهكذا.

8- <Audio> <Video>
أصبح بالإمكان الآن وضع ملف صوت أو فيديو مباشرة في الصفحة فقط بهذا الوسم دون استخدام أي إضافات أخرى.

9- <canvas>
هذا الوسم من الأوسمة الجديدة، أصبح الآن بإمكانك إدخال لوحة رسومات في الصفحة بالحجم الذي تريده بكل سهولة لإنجاز أعمالك.


صاحب امتياز تصنيع هذه اللغه هي ادوبي وهذا مقال تحليلي للغه .

أدوبي تتربح من بيع أدوات تصميم وتطوير الويب.. هذا هو ما تسعى من أجله.. ولديها خبرة كبيرة أكثر من غيرها بعمل مثل هذه الأدوات.. ففي النهاية هي الشركة صاحبة فوتشوب ودريم ويفر وفلاش.. ويمكنها أن تستفيد من هذه الأدوات -خاصة دريم ويفر- لبناء أدوات قوية لــ HTML5 لزيادة أرباحها.. من الغباء ألا تفعل أدوبي هذا!.. في الواقع هناك فريق مبرمجين داخل أدوبي يعمل على مشروع أعلنت عنه أدوبي بشكل غير رسمي عن إضافة ميزة في الفلاش تمكنه من تصدير بعض قدرات التحريك إلى أكواد HTML5 & javascript.. يبدو لي هذا شيئا معقداً والأفضل عمل أداة تحريك منفصلة عن الفلاش لعمل مثل هذا الأمر.. لكن عموما لو نجحت أدوبي في تحقيق نتيجة مرضية لهذا الأمر.. فمن المتوقع أن يكون الفلاش هو أفضل الأدوات التي تصنع بها بعض التحريك والتفاعل بالــ HTML5.. يا لسخرية القدر!
أنفع العمل أن تغيب فيه عن الناس بالإخلاص, وعن نفسك بشهود المنّة, فلا ترى فيه نفسك ولا ترى الخلق.
ادعولي بما تجوده به انفسكم .

العودة إلى “Web Programming”



الموجودون الآن

المستخدمون الذين يتصفحون المنتدى الآن: لا يوجد أعضاء مسجلين متصلين وزائر واحد