ما هو HTML5؟ هل أحتاج إلى موقع الويب الخاص بي؟

الآن قد تكون سمعت عبارة HTML5 في رحلاتك عبر الإنترنت. ولكن هل تعرف ما هو HTML5 حقا؟

من المهم معرفة أن HTML5 يمنحك خيارات أكثر لموقع ويب أكثر ثراءً ، إلى جانب ميزات إضافية. من المحتمل أنك سمعت المزيد عن ذلك.

في الواقع ، قد تتم كتابة موقع الويب التالي الخاص بك في HTML5. لذلك عليك أن تكون على علم بذلك حتى تعرف ما يكفي للتواصل بشكل صحيح مع مطور الويب الخاص بك ، والنظر في خياراتك لموقع الويب الخاص بك.

$config[code] not found

وماذا في ذلك هو HTML5؟

لقد كان HTML موجودًا منذ بداية الإنترنت. إنها لغة تمثل لبنات البناء لمواقع الويب. HTML هو الرمز الذي يجعل الصور تظهر على الصفحة ، ويحاكي هذه الصور ، ويجعل النص عاديًا أو غامقًا ، ويحدد الخط الذي يجب أن يكون عليه النص ، وأكثر من ذلك بكثير.

منذ تسعينات القرن الماضي ، كان هناك 4 إصدارات من HTML. نحن الآن ننتقل إلى الإصدار 5 ، وهو ما نحن هنا للحديث عنه اليوم.

بدأ اتحاد HTML العالمي في التخطيط لـ HTML5 في عام 2004 ، وبعد عقد من الزمن ، استخدم عدد قليل نسبيًا من مواقع الويب HTML5. هذا فقط لإظهار أن هذه العملية من ترقية إصدارات HTML ليست شيئا بين عشية وضحاها. يستغرق سنوات (ناهيك عن بعض الجدل ومجموعة منشقة من المنشقين).

ولكن عندما يبدأ استخدام HTML5 على نطاق أوسع ، فلن يتم تقاضي HTML4 إلى جزيرة مشمسة. يتم إنشاء HTML5 و HTML4 فوق بعضها البعض ، وسيتواجد كل منهما بسلام مع بعضهما البعض ، مع إحضار مجموعة الميزات الخاصة بهما.

HTML4 و HTML5 متواجدين حاليًا. بعض المتصفحات القديمة لا تستطيع قراءة HTML5 ، رغم ذلك. (لاختبار ما إذا كان متصفحك متوافقًا مع HTML5 ، تفضل بزيارة هذا الموقع.)

فوائد HTML5

لذا ، قد تكون تسأل بالفعل عن مزايا HTML5 الجديدة. دعونا نلقي نظرة على بعض المزايا الرئيسية.

معالجة مشكلة فلاش

إذا كان لديك جهاز iOS ، فستعرف بالفعل أن الجهاز لا يمكنه استخدام الفلاش. يحتوي Android على مشكلات فلاش خاصة به أيضًا. باستخدام Android ، قد تحتاج إلى حلول لعرض عناصر الفلاش في موقع ما أو فيديو فلاش. هذا يعطل تجربة المستخدم إذا ظلت أجزاء من موقع الويب محظورة بسبب عدم توافق البرنامج.

تسمح لك HTML5 بإحداث تأثيرات مرحة ورسوم متحركة ، وصفحات ويب مرحة ، دون الحاجة إلى Flash. يمكن اعتبار HTML5 بديل إلى فلاش ، لا بديل.

مواقع الويب الأكثر ثراءً

ستتمتع HTML5 بإمكانية جعل مواقع الويب أسرع وأكثر تفاعلية. تتضمن أمثلة ذلك تشغيل بث الفيديو على موقع ويب بشكل أسرع. تعرض مواقع مثل YouTube بالفعل مشغلات فيديو HTML5. (ومع ذلك ، يجب عليك تشغيله بنفسك لأنه ليس إعدادًا افتراضيًا).

أو قد يعني تشغيل الصوت على موقع ويب بدون مكونات إضافية ، باستخدام رمز للرسم على موقع ويب (بإصبعك أو قلم قلم) ، أو سحب وإسقاط الملفات على موقع ويب (مثل ميزة التحميل على WordPress).

من الأمثلة الرائعة على HTML5 تجارب Chrome ، وهو موقع ويب تديره Google ، والذي يعرض بعض الأشياء التي تستطيع HTML5 إجرائها. يتم إنشاء الأمثلة على هذا الموقع بشيء يسمى WebGL ، وهي تقنية متعلقة بـ HTML5 والتي تنشئ كائنات ثلاثية الأبعاد وصور متحركة.

أفضل العلامات الدلالية

الترميز الدلالي ليس إنشاء HTML5 - لقد كان موجودًا منذ فترة - ولكن HTML5 تتحسن عليه.

ما هو الترميز الدلالي؟ هيا نحاول تفكيكها دون الحصول على تقنيتها وتضييعها في التفاصيل. في الأيام القديمة ، كان موقع الويب يحتوي على معلومات ولكن لم يكن هناك أي وسيلة لمحرك البحث لفهم هذه المعلومات. انها مجرد فهرسة ما وجدته ولكن لم يكن هناك سياق مرفق لإعطاء تلك المعلومات أي معنى. كان رقم الهاتف مجرد سلسلة من الأرقام العشوائية.

ومع ذلك ، مع الترميز الدلالي ، يتم تفسير البيانات في سياقها الصحيح ، لذلك يتم تحديد رقم الهاتف كرقم هاتف ، يتم تحديد أوقات فتح المتاجر كأوقات افتتاح المتجر ، وهكذا. وهذا يجعل محركات البحث قادرة على فهم استفساراتك بشكل أفضل وتقديم معلومات أكثر دقة. لذا يمكنك أن تسأل Google عندما يغلق وول مارت في منطقتك ، وسوف يبرز الأوقات.

ولعل المثال الأكثر شهرة على العلامات الدلالية هو تأليف جوجل. كلما بحثت عن شيء ما على Google ، غالبًا ما تأتي مشاركات المدونات والمقالات مع صورة المؤلف إلى اليسار.

أيضًا ، لنفترض أنك تبحث عن مكتب محاماة في نيويورك؟ يحتوي الترميز الدلالي على محركات البحث الآن على تفاصيل الاتصال ، إلى جانب علامة تقودك إلى خريطة Google للحصول على الاتجاهات. يمكنك قراءة المراجعات ومشاهدة صفحة Google Plus الخاصة بالشركة.

لذلك فإن الترميز الدلالي لديه القدرة على جعل الويب أكثر فائدة. يمكن أن يتضمن الترميز الدلالي أيضًا الفيديو والشهادات وتفاصيل المنتجات المعروضة للبيع.

وتذكر أن إضافة معلومات التأليف من Google للحصول على صورتك بجوار مقالاتك في نتائج البحث أمر سهل. تشرح Google كل خطوة خطوة هنا.

للحصول على بعض الأشياء الأخرى في موقعك ، تحتوي Search Engine Land على مخطط تفصيلي رائع يعرض ميزات التفاصيل مثل ترميز العنوان وتفاصيل الاتصال وأنواع الدفع المقبولة وساعات العمل على موقعك. يمنحك ذلك نوعًا من البيانات التي يمكنك إظهارها في نتائج البحث حول نشاطك التجاري.

كيف يمكن للشركات البدء باستخدام HTML5؟

لذا فإن السؤال الذي ربما تسأله الآن هو "ما الذي يجب أن أفعله؟". أول شيء يجب التأكيد عليه هو أنك لست كذلك يملك لفعل أي شيء الآن. قد يكون موقعك على الويب جيدًا تمامًا دون HTML5.

ولكن إذا كان لديك نشاط تجاري يعتمد بشكل كبير على وجود عبر الإنترنت أو الجوّال ، فلن يؤذي البدء في التخطيط ومراجعة الخيارات مع مطور الويب الخاص بك.

فكر في الميزات التي تحتاج إليها وكيف يمكن أن يساعدك في عملك. قد يكون أو لا يكون HTML5 هو الخيار الصحيح لإحضار هذه الميزات إلى تواجدك عبر الإنترنت.

ولكن ضع في اعتبارك أنه قد يكون من قبيل التأثير سلبيًا إذا لم يكن عملاءك متواجدين حتى الآن. يقدم CTO اتجاهات الأعمال الصغيرة ، Leland McFarland ، بعض النصائح حول مشكلة HTML5 بأكملها:

"تذكر ، قد يستخدم عملاؤك المتصفحات القديمة. الأمر لا يتعلق فقط بما تريده أنت أو المطور الخاص بك. يجب أن يكون الهدف هو إتاحة الدخول إلى أكبر عدد ممكن من القراء أو المشاهدين. إذا لم يتمكن بعض جمهورك من رؤية هذه الرسوم المتحركة الرائعة بسبب متصفح قديم ، فهل لا يزال لديك بديل يمكنهم رؤيته؟ ربما صفحة تحتوي على نص وعدد قليل من الصور تلتقط؟ اطلب من مطور البرامج إنشاء هذا البديل حتى يتمكن الجميع من الاستمتاع بتجربة جيدة على الموقع. "

يجب أن تكون بيانات Analytics لموقعك على الويب (مثل Google Analytics) قادرة على إخبارك بأنواع المتصفحات والأجهزة التي يستخدمها جمهورك في المقام الأول. يجب أن يعطي ذلك بعض الأفكار حول احتياجات جمهورك. ينبغي أن يكون أحد اعتباراتك الأولى هو توفير ما يريده ويحتاج إليه. ولكن أيضًا ضع في اعتبارك نوع الجمهور الجديد الذي تقدمه أحب ان جذب. على سبيل المثال ، قد يتمكن HTML5 من رسم المزيد من الأشخاص والاحتفاظ بهم باستخدام أجهزة Apple.

HTML5 هو المستقبل ، ولديه القدرة على إضافة وظائف إضافية إلى تواجدك عبر الإنترنت. باعتبارك مالكًا أو مالكًا للمؤسسات الصغيرة ، سيساعدك هذا الأمر في حالة تقدمك على المنحنى ومعرفة المزيد حول HTML5 والبدء في التخطيط لكيفية استخدامه.

صورة HTML عبر Shutterstock ؛ لقطات

أكثر في: ما هو 7 تعليقات ▼