دليل HTML النهائي للمبتدئين

آخر تحديث في 15 قد 2018

منذ عشرين عامًا ، حتى لو كنت مجرد مدون هواية ، كان عليك أن تعرف بعض ترميز الويب لحماية نفسك أو لإضافة وظيفة بسيطة إلى موقعك. ولكن الآن هناك الكثير من المحررين والمكونات الإضافية التي لا تحتاج حتى إلى معرفة أساسيات HTML اجعل الموقع or قم بتشغيل مدونة.

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

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

في ما يلي بعض إصداراتنا من دليل HTML للمدونين وأصحاب الأنشطة التجارية عبر الإنترنت.

HTML هو العمود الفقري للإنترنت اليوم. شكلت الملايين من المواقع معا الإنترنت. حيث HTML هو حجر الأساس لكل هذه المواقع.

سؤال وجواب المبتدئين

1- ما هي HTML؟

HTML هو اختصار لـ Hyper Tتحويلة MArkupe Language. إنها اللغة القياسية لوضع علامات على محتويات متصفحات الويب.

يتم تمثيل HTML بواسطة "العناصر". تعرف العناصر أيضًا باسم "العلامات".

2 - لماذا تحتاج HTML؟

يمكن لمتصفحات الويب عرض موقع ويب فقط عند كتابته بلغة مدعومة. HTML هي لغة الترميز الأكثر شيوعًا ولها أعلى قبول لمتصفحات الويب.

هذا هو السبب في أنك بحاجة إلى HTML.

3- هل حالة HTML حساسة؟

HTML ليست حساسة لحالة الأحرف. لكن أفضل الممارسات هي كتابة HTML مع الحالات المناسبة.

خطوات لإنشاء ملف HTML الأول الخاص بك

يمكنك إنشاء ملف HTML أساسي باستخدام المفكرة على جهاز الكمبيوتر الخاص بك. ولكن سيكون من المؤلم لكتابة العديد من خطوط الرموز.

أنت بحاجة إلى محرر الشفرة. سيعمل محرر الشفرة الجيد على تسهيل كتابة الرموز الكبيرة وتنظيمها.

أنا استخدم والتوصية المفكرة + + (مجاني ومفتوح المصدر) لكتابة لغات الويب. هناك برامج تحرير أخرى قد تستخدمها مثل نص سامية, ذرة وما إلى ذلك.

هنا هو ما عليك القيام به:

  1. قم بتثبيت محرر التعليمات البرمجية
  2. افتحه
  3. قم بإنشاء ملف جديد
  4. احفظه كملف .html

انت جاهز للذهاب!


العودة الأعلى

1- مرحبا بالعالم!

انسخ الشفرة التالية والصقها في ملف HTML الجديد واحفظه. الآن قم بتشغيله على متصفح الويب الخاص بك.

رمز:

<! DOCTYPE html> <html> <head> <title> My first web page </ title> </ head> <body> <p> Hello World! </ p> </ body> </ html>

الإخراج:

مبروك! لقد قمت بإنشاء ملف HTML الأول الخاص بك. ليس عليك أن تفهمه في هذه المرحلة. سنقوم بتغطيتها قريبا.

فهم بنية HTML

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

لذلك دعونا نحاول فهمه من رمز "Hello World!". العناصر التالية هي الأجزاء الإلزامية لكل ملف HTML.

  • <! DOCTYPE html> = إنه تصريح للمتصفح بأن هذا ملف HTML. يجب عليك تحديده قبل علامة <html>.
  • <html> </ html> = هذا هو العنصر الجذر لملف HTML. كل شيء تكتبه ينتقل بين <html> و </ html>.
  • <head> </ head> = هذا هو جزء المعلومات الوصفية للمتصفح. لا تحتوي الرموز الموجودة داخل هذه العلامة على مخرجات بصرية.
  • <body> </ body> = هذا هو الجزء الذي يعرضه متصفح الويب. ما تراه بالضبط على موقع الويب هو عرض الأكواد بين <body> و </ body>.


العودة الأعلى

2- علامات HTML

HTML هو التعاون بين مئات العلامات المختلفة. عليك أن تتعلم كيف تعمل. عليك أيضا التأكد من أنهم استخدموها بالطريقة الصحيحة.

تحتوي علامات HTML عادةً على علامة فتح وختام. تحتوي العلامة الافتتاحية على الكلمة الأساسية محاطة أقل من (<) وعلامة أكبر من (>). تحتوي علامة الإغلاق على نفس الشيئ ولكنها مائلة إضافية (/) بعد أقل من (<) تسجيل.

(2a) علامات الرأس

جميع علامات الرأس تذهب بين <head> و </ head>. أنها تحتوي على معلومات التعريف لمستعرض الويب ومحركات البحث. هم في الأساس ليس لديهم الإخراج البصري.

<title> </ title>

تحدد علامة العنوان عنوان صفحة الويب التي تكون مرئية في علامة تبويب المتصفح. يتم استخدام هذه المعلومات من خلال برامج الويب ومحركات البحث. يمكنك الحصول على أعلى عنوان واحد لكل ملف HTML.

رمز:

<title> أول صفحة ويب </ title> الخاصة بي
تظهر علامة العنوان أعلى المتصفح الخاص بك.

<صلة>

تربط علامة الرابط صفحة HTML الخاصة بك بمصادر خارجية. استخدامه الرئيسي هو ربط صفحة HTML مع صفحات أنماط CSS. وهي عبارة عن علامة ذاتية الإغلاق ولا تحتاج إلى النهاية </ link>. هنا يقف علاقة للعلاقة مع الملف و src تعني المصدر.

رمز:

<link rel = "stylesheet" type = "text / css" src = "style.css">

<meta>

Meta هي علامة أخرى لإغلاق ذاتي توفر معلومات تعريفية لملف html. تستخدم محركات البحث وخدمات الويب الأخرى هذه المعلومات. تعد العلامات الوصفية أمرًا ضروريًا إذا كنت ترغب في تحسين صفحتك لمحركات البحث.

رمز:

<meta name = "description" content = "هذا هو الوصف المختصر الذي تظهره محركات البحث"

<script> </ script>

يتم استخدام علامة البرنامج النصي لتضمين برنامج نصي من جانب الخادم أو إنشاء ارتباط إلى ملف نصي خارجي. يمكن أن يكون له سمتان في علامة الفتح. واحد هو نوع وآخر هو المصدر (src).

رمز:

<script type = "text / javascript" src = "scripts.js"> </ script>

<noscript> </ noscript>

تعمل علامة Noscript عند تعطيل البرامج النصية في متصفح الويب. فهو يجعل الصفحة متوافقة مع هؤلاء الذين لا يسمحون بالبرامج النصية في متصفحات الويب الخاصة بهم.

رمز:

<نوسكريبت> <p> وللأسف! البرامج النصية معطلة. </ p> </ noscript>

(2b) علامات الجسم

جميع علامات الجسم تذهب بين <body> و </ body>. لديهم مخرجات بصرية. هذا هو المكان الذي يتم فيه معظم العمل. يجب عليك استخدام هذه العلامات لتكوين محتوى الصفحة الرئيسي الخاص بك.

<h1> </ h1> إلى <h6> </ h6>

هذه هي علامات العنوان. يتم وضع علامة على العنوان الأكثر أهمية مع <h1> والأقل أهمية مع <h6>. يجب عليك استخدامها في التسلسل الهرمي الصحيح.

رمز:

<h1> هذا عنوان h1 </ h1> <h2> هذا عنوان h2 </ h2> <h3> هذا عنوان h3 </ h3> <h4> هذا عنوان h4 </ h4> <h5 > هذا عنوان h5 </ h5> <h6> هذا عنوان h6 </ h6>

الإخراج:

تنسيق العلامات

يمكن تنسيق النص في ملف html باستخدام العديد من علامات التنسيق. سيكون ذلك ضروريًا عندما تريد تمييز كلمة أو سطر من المحتوى الخاص بك.

رمز:

<p> يمكنك تمييز النص بطرق عديدة. </ p> <p> يمكنك <strong> عريض </ strong> ، <u> تسطير </ u> ، <em> مائل </ em> ، <علامة > علامة </ mark> ، <sub> منخفض </ sub> ، <sup> مرتفع </ sup> وأكثر! </ p>

الإخراج:

<->

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

على سبيل المثال:

<! - <p> يمكنك التعليق على أي كود عن طريق إحاطة هذه المواقع بهذه الطريقة </ p> ->

(2c) علامات HTML أخرى مهمة

<a> </a>

مرساة هي علامة لا تقدر بثمن والتي تستخدم في كل مكان تقريبا. لن ترى أي صفحة ويب على الإنترنت بدون رابط رابط واحد على الأقل.

الهيكل هو نفسه. يحتوي على <a> وجزء إغلاق </a>. ينتقل النص الذي تريد إرساءه بين <a> و </a>.

هناك بعض السمات التي تحدد مكان وكيفية انتقال المستخدم بعد النقر عليه.

  • ahref = ”“ = يعرف الرابط الوجهة. يذهب الرابط بين علامات الاقتباس المزدوجة.
  • الهدف = "" = يحدد ما إذا كان سيتم فتح عنوان URL في علامة تبويب متصفح جديدة أو في علامة التبويب نفسها. الهدف = "_ blank" هو لعلامة التبويب الجديدة و target = "_ self" هو الفتح في نفس علامة التبويب.
  • rel = ”“ = يعرف علاقة الصفحة الحالية بالصفحة المرتبطة. إذا كنت لا تثق في الصفحة المرتبطة ، فيمكنك تعريف rel = "nofollow".

رمز:

<p> <a target="_blank" href="https://www.google.com/"> انقر هنا </a> للانتقال إلى Google. سيتم فتحه في علامة تبويب جديدة. </ p> <p> <a target="_self" href="https://www.google.com/"> انقر هنا </a>. ستأخذك أيضًا إلى Google ولكن سيتم فتحها في علامة التبويب الحالية. </ p>

الإخراج:

<img />

علامة الصورة هي علامة مهمة أخرى لا يمكنك من خلالها تخيل العديد من مواقع الويب المستندة إلى الصور.

<img /> عبارة عن علامة ذاتية الإغلاق. لا تحتاج إلى الإغلاق التقليدي مثل </ img>. هناك بعض السمات التي تحتاج إلى معرفتها قبل أن تتمكن من استخدامها بشكل صحيح.

  • src = ”“ = هذا لتعريف الرابط المصدر للصورة. ضع الرابط الصحيح بين علامات الاقتباس المزدوجة.
  • alt = ”“ = انها تقف على النص البديل. عندما لا يتم تحميل صورتك ، سيعطي هذا النص للمستخدمين فكرة حول الصورة المفقودة.
  • العرض = "" = يعرّف عرض الصورة بالبكسل.
  • الارتفاع = "" = يعرّف ارتفاع الصورة بالبكسل.

على سبيل المثال:

<p> هذا هو Googleplex في أغسطس 2014. </ p> <p> تحتوي هذه الصورة على عرض 500 بكسل وارتفاع 375 بكسل. </ p> <img src = "https: //upload.wikimedia. org / wikipedia / commons / 0 / 0e / Googleplex-Patio-Aug-2014.JPG "alt =" Google's Headquarter في شهر آب 2014 "width =" 500 "height =" 375 "/>

الإخراج:

نصائح: هل تريد إدراج صورة قابلة للنقر؟ لف شفرة الصورة بعلامة <a>. نرى كيف ستسير الامور.

<ol> </ ol> أو <ul> </ ul>

علامة القائمة هي لإنشاء قائمة بالعناصر. <ol> لتقف على قوائم مرتبة (قائمة مرقمة) و <ul> لتقف على قوائم غير مرتبة (نقاط).

يتم تمييز عناصر القائمة الموجودة داخل <ol> أو <ul> بـ <li> </ li>. لي لتقف على القائمة. يمكنك الحصول على أكبر عدد ممكن من <li> كما تريد داخل علامة <ol> أو <ul> الأصل.

رمز:

<p> هذه قائمة مرتبة: </ p> <ol> <li> العنصر 1 </ li> <li> العنصر 2 </ li> <li> العنصر 3 </ li> </ ol> <p> هذه قائمة غير مرتبة: </ p> <ul> <li> العنصر 1 </ li> <li> العنصر 2 </ li> <li> العنصر 3 </ li> </ ul>

الإخراج:

<table> </ table>

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

<table> </ table> هو الرمز الرئيسي الخارجي. في هذه العلامة ، تشير <tr> إلى صف الجدول ، <td> تعني عمود الجدول و <th> تعني رأس الجدول.

رمز:

<table> <tr> <th> الاسم </ th> <th> العمر </ th> <th> المهنة </ th> </ tr> <tr> <td> Jo <td> 27 </ td> < td> Businessman </ td> </ tr> <tr> <td> Carol </ td> <td> 26 </ td> <td> ممرضة </ td> </ tr> <tr> <td> Simone < / td> <td> 39 </ td> <td> الأستاذ </ td> </ tr> </ table>

الإخراج:

ملاحظة: القيم الموجودة داخل <tr> الأولى هي عناوين. لذلك ، استخدمنا <th> الذي يطبق تأثير النص الغامق على النص.

تجميع الجدول

يمكنك توسيع وظيفة الجدول باستخدام عناصر تجميع الجدول. ستكون هناك أوقات تحتاج فيها إلى إنشاء جداول كبيرة تنقسم إلى عدة صفحات.

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

علامات تصنيف الجدول هي:

  • <thead> </ thead> = لإدراج عناوين الجدول. انها تطبع على كل صفحة منقسمة من الجدول.
  • <tbody> </ tbody> = لالغاء البيانات الرئيسية للجدول. يمكنك الحصول على العدد الذي تريده. تعني العلامة <tbody> مجموعة منفصلة من البيانات.
  • <tfoot> </ tfoot> = لملء معلومات تذييل الجدول. انها تطبع على كل صفحة منقسمة من الجدول.

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

في ما يلي كيفية تجميع جدولنا النموذجي في <thead> و <tbody> و <tfoot>:

رمز:

<table> <thead> <tr> <th> الاسم </ th> <th> العمر </ th> <th> المهنة </ th> </ tr> </ thead> <tbody> <tr> <td> John </ td> <td> 27 </ td> <td> رجل الأعمال </ td> </ tr> <tr> <td> كارول </ td> <td> 26 </ td> <td> ممرضة </ td> </ tr> <tr> <td> Simone </ td> <td> 39 </ td> <td> الأستاذ </ td> </ tr> </ tbody> <tfoot> <tr> <td> مجموع الأشخاص: </ td> <td> 3 </ td> </ tr> </ tfoot> </ table>

الإخراج:

<form> </ form>

يستخدم عنصر النموذج لإنشاء نماذج تفاعلية لصفحات الويب. يحتوي نموذج HTML على عدة عناصر متتالية. على سبيل المثال: <label> ، <input> ، <textarea> إلخ.

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

يمكنك استخدام أي من الطريقتين ، الحصول على أو النشر. الحصول على إرسال جميع المعلومات في تنسيق عنوان URL حيث ترسل المشاركة المعلومات في نص الرسالة.

هناك أنواع عديدة من المدخلات للنماذج. نوع الإدخال الأساسي هو النص. تتم كتابة <input type = "نص">. قد تكون أنواع الإذاعة ، خانة الاختيار ، البريد الإلكتروني وهلم جرا. يجب أن يكون هناك إدخال نوع إرسال في الأسفل لإنشاء زر إرسال.

يتم استخدام العلامة <label> لإنشاء تصنيفات وربطها بالمدخلات. قاعدة ربط التصنيفات بالمدخلات هي التي لها نفس القيمة في خاصية = = ”للعلامة وسمة المعرف =" "للإدخال.

رمز:

<form action = "#"> <label for = "firstname"> الاسم الأول: </ label> <input type = "text" id = "firstname"> <br> <label for = "lastname"> اسم العائلة: </ label> <input type = "text" id = "lastname"> <br> <label for = "bio"> Short Bio: </ label> <textarea id = "bio" rows = "10" cols = " 30 "placeholder =" أدخل السيرة الذاتية هنا ... "> </ textarea> <br> <label> الجنس: </ label> <br> <label for =" male "> ذكر </ label> <input type = "radio" name = "gender" id = "male"> <br> <label for = "female"> أنثى </ label> <input type = "radio" name = "gender" id = "female"> <br > <input type = "submit" value = "Submit"> <form>

الإخراج:

ملاحظة: لقد أشرت إلى قيمة خالية لأنها لم تكن مرتبطة بأي خادم لمعالجة المعلومات.


العودة الأعلى

3- سمات HTML

السمات هي نوع واحد من المعدلات لعلامات HTML. يضيفون تكوينات جديدة لعلامات HTML.

تبدو السمة باسم attributename = ”” وتجلس في علامة HTML الافتتاحية. تنتقل قيمة السمة بين علامات الاقتباس المزدوجة.

id = "" و class = "”

معرف وفئة هي معرفات علامات HTML. يتم تعيين أسماء مختلفة إلى عناصر HTML مختلفة باستخدام المعرفات. يمكنك استخدام معرف فئة واحد لعناصر متعددة. ولكن لا يمكنك استخدام معرف معرف واحد لعناصر متعددة.

رمز:

<h1 class = "heading"> هذا هو العنوان الرئيسي </ h1>

أ href = ""

href لتقف على مرجع النص التشعبي. تشير المستخدمين إلى الروابط المرجعية. تستخدم العلامة الثابتة <a> href لإرسال المستخدمين إلى عنوان URL المقصود.

رمز:

<a href="https://www.google.com/"> Google </a>

SRC = ""

src لتقف على المصدر. يحدد مصدر الوسائط أو المورد الذي تستخدمه في ملف HTML. يمكن أن يكون المصدر إما عنوان URL محلي أو تابع لجهة خارجية.

رمز:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" />

بديل = ""

بديل لتقف على بديل. وهو عبارة عن نص احتياطي يتم استخدامه عندما لا يمكن تحميل عنصر HTML.

رمز:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt = "Google's Headquarter" />

على غرار = ""

يتم استخدام سمة النمط في علامات HTML. يقوم بعمل CSS ضمن علامة HTML. تذهب خصائص التصميم بين علامات الاقتباس المزدوجة.

رمز:

<h2 style = "color: red"> هذا عنوان آخر </ h2>


العودة الأعلى

4- عرض الكود: Block vs Inline

تبدأ بعض العناصر دائمًا في سطر جديد وتتخذ العرض الكامل المتاح. هذه هي عناصر "كتلة".

مثال: <div> ، <p> ، <h1> - <h6> ، وما إلى ذلك.

تأخذ بعض العناصر المساحة المطلوبة فقط ولا تبدأ على سطر جديد. هذه هي عناصر "مضمنة".

مثال: <a> ، <span> ، <br> ، <strong> ، <img> وما إلى ذلك.

ستحتاج إلى تمييز عناصر الحظر من المضمنة عندما تستخدم أنماط CSS. في دليل HTML هذا ، ليس ضروريًا جدًا.

رمز:

<! DOCTYPE html> <html> <head> <title> أول صفحة ويب </ title> </ head> <body> <h2> هذا عنوان H2. يحتوي على كتلة العرض. </ h2> <h2> هذا عنوان <u> آخر </ u> H2. هنا علامة تسطير لديها عرض مضمن. </ h2> </ body> </ html>

الإخراج:


العودة الأعلى

5- اقتباس مزدوج مقابل علامة اقتباس مفردة في HTML

هذا السؤال واضح جدا. ما الذي يجب عليك استخدامه في HTML؟ اقتباس واحد أو اقتباس مزدوج؟ يبدو أن الناس يستخدمون كلاهما ولكن أيهما صحيح؟

في HTML ، الاقتباس المفرد والاقتباس المزدوج متطابقان. لا يحدث أي فرق في الإخراج.

يمكنك استخدام أي شخص تفضله. لكن الاختلاط في كل صفحة من الرموز يعتبر ممارسة سيئة. يجب أن تكون متسقة مع أي واحد منهم.


العودة الأعلى

6- HTML الدلالي مقابل HTML غير الدلالي

HTML الدلالي هو أحدث إصدار من HTML ، والذي يسمى أيضًا HTML5. هذه هي النسخة المطورة من HTML و XHTML غير الدلالي.

لماذا HTML5 أفضل؟ في الإصدارات السابقة ، تم تحديد عناصر HTML من خلال أسماء معرف / فئة. على سبيل المثال: <div id = "article"> </ div> اعتبرت مقالة.

في HTML5 ، تمثل العلامة <article> </ article> نفسها كمقالة دون الحاجة إلى أي معرف معرف / فئة.

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

في ما يلي قائمة ببعض علامات HTML5 الشائعة:

  • <main> </ main> = هذا لتغليف المحتوى الرئيسي الذي تريد إظهاره للمشاهدين.
  • <header> </ header> = هذا مخصص لترميز الجزء العلوي من محتوى مثل العنوان أو التعريف.
  • <المادة> </ المادة> = تحدد محتوى محددًا بواسطة المستخدم أو مستقلًا للمشاهدين.
  • <القسم> </ القسم> = يمكنه تجميع أي كود مثل الرأس أو التذييل أو الشريط الجانبي. يمكنك القول ، هذا هو الشكل الدلالي لل div.
  • <footer> </ footer> = هذا هو المكان الذي ينتمي إليه محتوى تذييل الصفحة أو بيان إخلاء المسؤولية أو حقوق الطبع والنشر.
  • <audio> </ audio> = يمكنك من إدراج الملفات الصوتية دون وجود أي مشكلة في المكون الإضافي.
  • <video> </ video> = مثل <audio> ، يمكنك إدراج مقاطع الفيديو باستخدام هذه العلامة دون مشاكل في المكون الإضافي.

ستظهر بنية HTML5 بسيطة كالتالي:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> أول صفحة ويب </ العنوان> </ head> <body> <header> <nav> <ul> < li> قائمة 1 </ li> <li> قائمة 2 </ li> </ ul> </ nav> </ header> <main> <article> <header> <h2> هذا هو عنوان المقالة </ h2> <p> تم النشر بواسطة John Doe </ p> </ header> <p> محتوى المقالة هنا </ p> </ article> </ main> <footer> <p> حقوق الطبع والنشر 2017 John Doe </ p> </ footer> </ body> </ html>


العودة الأعلى

7- التحقق من صحة HTML

يقوم معظم محترفي الويب بالتحقق من شفرتهم بعد الانتهاء منها. لماذا من الضروري التحقق من صحة الرمز عندما يعمل بشكل جيد؟

هناك سببان محتملان للتحقق من رموزك:

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

W3C المصادقة هي الخدمة الأكثر شعبية للتحقق من صحة التعليمات البرمجية. لديهم العديد من الطرق للتحقق من صحة الرموز. يمكنك إما تحميل ملف أو إدخال الرمز مباشرة في محرك التحقق الخاص بهم.


العودة الأعلى

8- موارد أخرى مفيدة

HTML هو موضوع دائم التعلم. قد تأتي إصدارات أحدث من HTML أسرع. لذلك عليك أن تبقى محدثة وممارسة. الممارسة هي ما aces HTML.

في ما يلي بعض الموارد المفيدة لك: