هذا الموضوع موجه على وجه الخصوص للمبتدئين فى عالم الويب, ومستخدمى لغة ال HTML فى تصميم وتكويد صفحات مواقع الانترنت,
حيث يقع الكثير من مستخدمى لغة ال html فى أخطاء تكويديه تجعل المتصفح غير قادرا على استيعاب محتوى الصفحه وعرضها بالشكل الصحيح .
- إمتداد الصفحه
لابد وأن تعرف أن الامتداد الخاص بلغة ال html هو html. , لذلك لابد عند حفظ الصفحه من إعطائها إمتداد html حتى تجعل المتصفح قادرا على قراءة محتواها وبالتالى يعرضها بالشكل الصحيح.
أما إذا لم تعطى الصفحه إمتداد html فسوف يتعرف عليها المتصفح كصفحة نوتباد عاديه ويقوم بعرض كل مابداخلها من اوسمه وكتابات كما هى بدون ان يترجمها .
- ضبط اللغه العربيه
من أهم الاشياء التى يحرص عليها مصممو المواقع ذات المحتوى العربى, هو ضبط اللغه العربيه بداخل الموقع, بحيث تظهر الكتابات العربيه بشكلها الصحيح وليست رموزا او علامات مشفره.
الوسم المستخدم لضبط اللغه العربيه فى لغة ال html هو وسم ال meta وهو وسم فردى من أشهر أستخداماته هو ضبط اللغات, ولكى تضبط اللغه داخل صفحة ال html بحيث تجعل المتصفح قادرا على ترجمة اى كلام مكتوب بأى لغة سواء اللغه العربيه او الهنديه او غيرها لابد من ضبط خاصيه ال charset الى utf-8 .
هذا مهم جداا لضبط اللغه العربيه.
- فتح وإغلاق الأوسمه
من أهم الاشياء التى قد لا ينتبه اليها المبتدئين هى أن أوسمة ال html نوعان : اوسمه فرديه , وأوسمة زوجيه.
بالنسبه للأوسمه الفرديه , فهى أوسمه لا تحتاج الى وسم إغلاق , فقط يتم كتابتها مره واحده وتقوم بالوظيفه التى تقوم بها, مثل وسم المزول الى سطر جديد فى الصفحه
, يتم كتابته هكذا بدون وسم إغلاق.
, يتم كتابته هكذا بدون وسم إغلاق.
أما الأوسمة الزوجيه, فلابد من فتحها وإغلاقها , مثل وسم كتابة العناوين الرئيسيه h1 لابد من فتحه هكذا
وإغلاقه بوسم أخر مسبوق بعلامة السلاش هكذا ..
طبعا عدم الإلتزام بقواعد الأوسمه الزوجيه والفرديه قد يحدث خلل فى عرض صفحة ال html بشكل صحيح.
- مسار الصور داخل الصفحه
مسار الصوره إن لم يكن صحيح فلن تظهر الصوره بالتأكيد داخل الموقع لأن المتصفح لن يستطيع الوصول اليها ليعرضها,
يتم وضع مسار الصوره فى وسم ![]()
داخل التوصيف الخاص بالمسارات src .
فإذا كانت الصوره فى نفس المجلد الذى توجد به صفحة ال html فإن المسار الخاص بها هو إسمها فقط, مثل : image.jpg .
أما إذا كانت فى مجلد أخر , فلابد أولا من وضع اسم المجلد ثم إسم الصوره المراد إدراجها مثل : filename/image.jpg .
من أشهر الاخطاء التى قد تقع فيها أثناء كتابة مسار الصوره , هو الامتداد :
البعض يكتب اسم الصوره هكذا image.jpg بدون , ثم يقوم بإستدعائها بدون ان يعطيها امتدادها وليكن jpg , فلا تظهر الصوره ..
والصح أنك إذا كتبت اسم الصوره به اى امتداد فهذا ليس معناه انك لا تعطيها امتداد ..
فلابد من إدراجها هكذا .. تكتب اسم الصورره ثم الامتداد : image.jpg.jpg
من أشهر الاخطاء التى قد تقع فيها أثناء كتابة مسار الصوره , هو الامتداد :
البعض يكتب اسم الصوره هكذا image.jpg بدون , ثم يقوم بإستدعائها بدون ان يعطيها امتدادها وليكن jpg , فلا تظهر الصوره ..
والصح أنك إذا كتبت اسم الصوره به اى امتداد فهذا ليس معناه انك لا تعطيها امتداد ..
فلابد من إدراجها هكذا .. تكتب اسم الصورره ثم الامتداد : image.jpg.jpg
محول الاكواد محول الأكواد اضافة الإبتسمات اضافة الإبتسمات