طبيعة HTML

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

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

على سبيل المثال، فإن معظم المصممين تجنب استخدام علامات HTML القياسية للعناوين الفقرة ( <h1> ، <h2> ، الخ.) لأنها تفتقر إلى الدقة البصرية: في معظم متصفحات الويب، وتظهر هذه العلامات قطعا كبيرة جدا (عناوين <h1> ، <h2> ) أو صغير يبعث على السخرية ( <h4> ، <h5> ، <h6> ). ولكن لم يتم إنشاء هذه علامات HTML مع القلق من تقديم هذه البصرية. هدفهم الوحيد هو للدلالة على مستوى héarchique عنوانا بحيث القراء الإنسان ومحركات البحث يمكن بسهولة قراءة وثيقة وتحديد المعلومات الخاصة به هيكل. فمن غير قصد إلا أن مطوري متصفح أعطت أحجام مختلفة ومستويات الدهون في كل فقرة علامة العنوان، حتى لو كانت هذه الأحجام تميل الى ان تكون محدودة في HTML.

استخدام عناوين الفقرات لتنظيم محتوى

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

المستخدمين من قارئات الشاشة والتقنيات المساعدة الأخرى قادرة على استعراض صفحات ويب باستخدام بنيتها. هذا يعني أنه يمكن للمستخدم قراءة أو الوصول المباشر إلى مستوى عال العناصر ( <h1> )، وتلك من المستوى الثاني ( <h2> )، ثم لتلك الواردة في المستوى الثالث ( <h3> ) وهلم جرا. مشاهدة أو الاستماع إلى هذه الخطة يعطيهم فكرة جيدة عن مضمون وهيكل الصفحة.

ينبغي تنظيم صفحات هرميا، المستوى الأول للأمن ( <h1> ) كونها أكبر (عادة ما يكون عنوان الصفحة أو وثيقة)، ثم المستوى الثاني من (الأمن <h2> الألقاب، ويعيش عادة فصول)، ثم عناوين المستوى الثالث ( <h3> ، الفقرات الفرعية من الفصول) وهلم جرا. من الناحية الفنية، كما يجب أن انخفاض مستوى تتبع مستوى الأمان العالي. الرسم البياني التالي يوضح هيكل من الأوراق المالية في الأوراق المالية التي يجب أن يحتوي على صفحة ويب. في الواقع، لأنها تمثل التسلسل الهرمي للمحتوى الرئيسي من هذه الصفحة مع مستويات مختلفة من عناوين الفقرات من الأعلى إلى الأدنى. يمكنك النقر على كل عنوان للوصول إلى القسم الخاص بها في هذه الصفحة.

• ك
  • العنوان 2
  • العنوان 2
  • العنوان 2
  • العنوان 2

استخدم بشكل صحيح عناوين الفقرات

لا تستخدم تنسيق النص مثل حجم الخط أو التحسن يبقى سليم لإعطاء المظهر المرئي لعناوين الفقرات - استخدام معيار به المعايرة ( <h1> - <h6> ) في جميع المحتوى. وتعتمد التقنيات المساعدة والمتصفحات الأخرى حرفيا على رمز الصفحة لتحديد هيكله. لا تفسر البنود التي هي جريئة أو عرضها في خط أكبر من العناصر الهيكلية.

أيضا، لا تستخدم العلامات لمعايرة فقط إنشاء تأثيرات بصرية. على سبيل المثال، إذا كنت ترغب في تسليط الضوء أو التأكيد على عنصر واحد من المحتوى الذي ليس عنوان (كما فعلت مع الجملة السابقة)، لا تستخدم للقيام به المعايرة. بدلا من ذلك، استخدم به لالبنط الأسود نمط الخط، حجم أو مائل. إذا كنت ترغب في التأكيد على شيء ما، يجب عليك استخدام علامة strong (للتأكيد) بدلا من b وعلامة em (المائل) بدلا من i . به b و i تحمل كل المعلومات 2 فقط البصرية، في حين strong و em إعطاء معلومات الدلالي. بصريا، والنتيجة هي نفسها ولكن للمطورين يجب استخدام العناصر المناسبة HTML. et sélectionnez l'option Utiliser « strong » et « em » à la place de « b » et « i » . في Dreamweaver، يمكنك اختيار تحرير> تفضيلات> العامة وتحديد استخدام "قوية" و "م" بدلا من "ب" و "أنا".

استخدام القوائم بشكل صحيح

قوائم HTML - ul ، ol و dl - تستخدم أيضا لنقل بنية هرمية من المحتوى. كل من هذه القوائم أيضا القواعد المتعلقة باستخدامها. وينبغي أن النقطي (قائمة غير مرتبة) يمكن استخدامها عندما لا يكون هناك تسلسل أو الترتيب من حيث الأهمية بين عناصر قائمة. قائمة أمر يشير إلى وجود عناصر تقدم أو تسلسل في القائمة. وينبغي أن تستخدم لائحة تعريف صريح للعرض من تعريفات بنية. كما المعايرة مع العلامات، يجب استخدام قوائم به بشكل صحيح وفقا لطبيعتهم. وأمرت وغير مرتبة القوائم يجب أن تشمل دائما عناصر القائمة. وينبغي أن يكون دائما قوائم تعريف أوصاف من التعاريف. قوائم فارغة غير صالحة في HTML. لا ينبغي أبدا أن تستخدم في القوائم لأسباب أخرى أو للتخطيط. ويجب أن القوائم المتداخلة مشفرة بشكل صحيح.