قواعد إنشاء مستندات HTML. قواعد إنشاء مستندات HTML قواعد html القواعد العامة عبر الإنترنت

27.03.2021

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

يستخدم

يقع العنصر في السطر الأول من أي صفحة HTML. فهو يحدد إصدار لغة الترميز المستخدمة في الصفحة. في الوقت الحالي، يوصى باستخدام Doctype للنموذج - فهو عالمي لأي إصدار من اللغة.

استخدم بنية المستند الصحيحة

يجب أن تكون العلامات , , موجودة دائمًا في الكود؛ وهذا يجعل الصفحة متوافقة مع المعايير ويضمن عرضها بشكل صحيح.

خطأ



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

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


يمين



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


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



تحديد معلومات الصفحة الفنية بشكل صحيح

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

خطأ



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




يمين



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




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

يجب أن تتضمن الصور دائمًا سمة بديلة. يعتمد المتصفح على هذه السمة لتوفير سياق للصورة. يجب أن تحتوي السمة alt على نص سيتم عرضه إذا لم يتم تحميل الصورة.

خطأ

يمين

لا تستخدم الأنماط في ترميز HTML

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

اكتب التعليقات

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

مثال:



صفحة











استخدم أسماء الفئات المناسبة

قم بتسمية فئات CSS وفقًا لمحتوى الكتلة، على سبيل المثال: رأس - رأس، تذييل - تذييل، قائمة - قائمة، محتوى - محتوى. سيؤدي هذا إلى جعل الكود أكثر وضوحًا وأسهل في الصيانة.

رمز سيء


  • عنصر القائمة 1

  • عنصر القائمة 2

  • عنصر القائمة 3

رمز جيد

قواعد كتابة CSS

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

إعادة تعيين أنماط المتصفح إلى الوضع الافتراضي

يمكن أن تتداخل مع الأنماط التي نريد تطبيقها بالفعل. يمكنك تنزيل الملف لإعادة ضبط أنماط المتصفح القياسية هنا -set.css.

استخدام الخصائص والقيم المختصرة

رمز سيء

الحشو العلوي: 5 بكسل؛
الحشو على اليمين: 10 بكسل؛
الحشو السفلي: 15 بكسل؛
المساحة المتروكة لليسار: 20 بكسل؛

رمز جيد

الحشو: 5px 10px 15px 20px؛

حدد المحددات والقواعد في سطر جديد

رمز سيء

العنصر (العرض: كتلة؛ الموضع: نسبي؛ الحشو: 5 بكسل 10 بكسل 15 بكسل 20 بكسل؛)

رمز جيد

عنصر (
العرض محجوب؛
الموقف: نسبي؛
الحشو: 5px 10px 15px 20px؛
}

أدخل القيم الصفرية بدون وحدات

رمز سيء

الحشو: 10 بكسل 0 بكسل؛
الهامش الأيسر: 0%؛

رمز جيد

الحشو: 10 بكسل 0؛
الهامش الأيسر: 0;

اكتب التعليقات

افصل الكتل الرئيسية بالتعليقات، مما سيؤدي إلى تحسين إمكانية قراءة الكود.

مثال:

/*الرأس*/
رأس (
}
/*نهاية الرأس*/

/*رئيسي*/
رئيسي(
}
/*النهاية الرئيسية*/

/*تذييل*/
تذييل(
}
/*نهاية التذييل*/

تحقق من صحة كود CSS

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

ما هو HTML

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

تُستخدم برامج عرض مستندات HTML الخاصة، والتي تسمى غالبًا المتصفحات، لتفسير الملفات التي تم ترميزها وفقًا لقواعد لغة HTML، وتنسيقها كصفحات ويب، وعرض محتوياتها على شاشة كمبيوتر المستخدم. هناك عدد كبير من برامج المتصفح التي طورتها شركات مختلفة، ومع ذلك، اليوم، من بين مجموعة متنوعة من البرامج، يتم تمييز برنامجين رائدين بوضوح - Netscape Communicator و Microsoft Internet Explorer.

تم تطوير Netscape Navigator بواسطة شركة Netscape Communications Corporation. مثل العديد من منتجات البرمجيات، هناك عدد من الإصدارات من هذا البرنامج. أحدث إصدار من Netscape Communicator في وقت كتابة هذا التقرير كان الإصدار 4.7. تم تطوير إنترنت إكسبلورر بواسطة شركة مايكروسوفت. أحدث إصدار من هذا البرنامج هو 5.0.

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

وكانت هناك تقارير عن حرب بين المتصفحات للمستخدمين. الآن هذين المتصفحين متشابهان في الشعبية. يتم تسهيل الشعبية المتزايدة لمتصفح Microsoft من خلال تضمين المتصفح في نظام التشغيل Windows 98، ومع ذلك، يظل اختيار المتصفح في النهاية مع المستخدم.

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

لفهم ما هي لغة الترميز، دعونا نتذكر الأيام الخوالي عندما كان العديد من الأشخاص يعملون مع برامج تحرير النصوص مثل WordStar. فيها، لتسليط الضوء على عبارة، على سبيل المثال، بالخط العريض، تم وضع علامات خاصة في بدايتها ونهايتها (/ B و / b):

/B سيتم عرض هذا النص بالخط العريض/b

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

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

سيظهر هذا النص بخط غامق

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

يتم فصل كافة علامات لغة HTML بأحرف محددة (< и >)، حيث يتم كتابة معرف (اسم) العلامة (في مثالنا)، وربما معلماتها. الاستثناء الوحيد لهذه القاعدة هو علامات التعليق ذات المحددات الأكثر تعقيدًا (). يمكن كتابة أسماء العلامات ومعلماتها في أي سجل. من أجل الاتساق، تتم كتابة معظم العلامات في هذا الكتاب بأحرف كبيرة.

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

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

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

  • أو علامة الفقرة

    تقوم المتصفحات الحديثة في كثير من الحالات بتنسيق المستندات بشكل صحيح إذا تم حذف بعض علامات النهاية، ولكن لا يمكن التوصية بهذه الممارسة.

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

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

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

    هنا للعلامة

    تم تحديد معلمتين. تم تحديد معلمة BORDER الأولى بدون قيمة. تم ترك معلمة ALIGN الثانية.

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

    جميع العلامات التي يمكن استخدامها في قسم من مستند HTML يمكن أن تحتوي على المعلمات CLASS وID وLANGUAGE وLANGUAGE وSTYLE وTITLE. يعد استخدام هذه المعلمات مفيدًا، أولاً وقبل كل شيء، عند تصميم المستندات، والتي سيتم مناقشتها في الجزء الثاني من الكتاب.

    يتم دعم معلمات CLASS وID وSTYLE بواسطة Internet Explorer بدءًا من الإصدار 3.0 وNetscape بدءًا من الإصدار 4.0. هذه المعلمات مطلوبة عند استخدام الأنماط.

    يتم دعم المعلمات LANG وLANGUAGE وTITLE فقط بواسطة Internet Explorer بدءًا من الإصدار 4.0. تشير هذه المعلمات، على التوالي، إلى اللغة المستخدمة (على سبيل المثال، بالنسبة لروسيا: LANG=ru)، ولغة كتابة البرامج النصية (على سبيل المثال، LANGUAGE=JavaScript)، بالإضافة إلى نص تلميح الأداة الذي يتم عرضه عند تحريك مؤشر الماوس فوق هذا العنصر (العنوان).

    في HTML الحديث، بالإضافة إلى علامات اللغة ومحتواها، تتم أيضًا كتابة رموز البرمجة النصية (javascript أو VBScript) في كود مصدر HTML. في الجزء الأول من الكتاب، نادرًا ما يتم ذكر ذلك في أي مكان، لكن الجزء الثاني مخصص بالكامل لاستخدام النصوص.

    في ختام النظرة العامة على HTML، نلاحظ أن أبسط مستندات HTML هي ملفات نصية عادية يمكن عرضها وتحريرها باستخدام أي محرر نصوص. عادةً ما تحتوي هذه الملفات على الامتداد HTM أو HTML.

    مواصفات HTML

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

    متغيرات تعليمات HTML، التي استمر عددها في النمو والتزايد. لقد حان الوقت للتوصل إلى نوع من الاتفاقية الموحدة فيما يتعلق باستخدام علامات لغة HTML.

    تم تنفيذ العمل على إنشاء مواصفات HTML من قبل منظمة تسمى World Wide Web Consortium (المختصرة باسم W3C). وكانت مهمتها تجميع المواصفات التي تعكس المستوى الحالي لتطوير القدرات اللغوية، مع الأخذ في الاعتبار المقترحات المختلفة لشركات تطوير المتصفح. وهكذا، في نوفمبر 1995، ظهرت مواصفات HTML 2.0، المصممة لإضفاء الطابع الرسمي على ممارسة استخدام HTML التي تم تطويرها بحلول نهاية عام 1994.

    نظام الموافقة على المواصفات هو كما يلي. يصدر اتحاد W3C مسودة مواصفات، وبعد مناقشتها يصدر ما يسمى بنسخة مسودة للمواصفات ويعرضها للمناقشة لفترة معينة. بعد فترة من المناقشة، قد تصبح نسخة العمل من المواصفات توصية، أي نسخة مقبولة رسميًا من مواصفات HTML.

    بعد فترة وجيزة من مواصفات الإصدار 2.0، تم إصدار نسخة عمل من مواصفات الإصدار 3.0، والتي انتهت صلاحيتها في سبتمبر 1995. ولم يتم اعتماد هذه المواصفات مطلقًا كتوصية رسمية. كان المقصود منه تضمين مجموعة واسعة من العلامات والإمكانات الخاصة بالمتصفح، لكن W3C لم يتمكن من تطوير مواصفات جيدة لمثل هذا العدد الكبير من التعليمات.

    وبعد الكثير من المداولات، تم إصدار HTML 3.2 في مايو 1996. اعتمد المشروع على بعض العلامات المتوفرة في الإصدار 3.0، والتي أظهرت استقرارًا في التشغيل. وبعد عدة أشهر من المناقشة، أصبح الإصدار 3.2 مواصفات مقترحة في سبتمبر 1996 وتوصية رسمية في يناير 1997.

    شهد يوليو 1997 إصدار مواصفات HTML 4.0 المقترحة، والتي أصبحت توصية رسمية في ديسمبر 1997. هذه هي أحدث المواصفات المقبولة حتى الآن.

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

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

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

    مفهوم علامة الإهمال هو كما يلي. إذا تم إهمال إحدى العلامات في مواصفات اللغة هذه، فهذا يعني أن المتصفحات يجب أن تستمر في دعم هذه العلامات في الوقت الحالي، ولكن لا يوصى باستخدامها. في المواصفات المستقبلية، قد تصبح هذه العلامات قديمة. ربما لم تعد المتصفحات تدعم العلامات القديمة. في مواصفات HTML 4.0، تم إهمال ثلاث علامات فقط: و و. يمكن الحصول على معلومات حول العلامات المضمنة في المواصفات من الجدول الوارد في الملحق أ1.

    يمكن دائمًا الحصول على المعلومات الرسمية حول مواصفات HTML من موقع ويب W3C على http://www.w3.org/TR/. المواصفات 4.0 موجودة على http://www.w3.org/TR/REC-htmI40-971218.

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

    هيكل الوثيقة

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

    في أغلب الأحيان، يتم استخدام العلامة بدون معلمات. استخدمت الإصدارات السابقة معلمة VERSION، والتي تم إهمالها بواسطة مواصفات HTML 4.0. تم استبدال هذه المعلمة بالعلامة.

    يمكن لمعظم المتصفحات الحديثة التعرف على مستند لا يحتوي على علامات، لكن استخدامها لا يزال مرغوبًا للغاية.

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

    قسم المستندات الرئيسية

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

    يتم فتح قسم الرأس بالعلامة . عادةً ما تأتي هذه العلامة مباشرة بعد . تشير علامة الإغلاق إلى نهاية هذا القسم. بين العلامات المذكورة توجد العلامات المتبقية لقسم الرأس.

    اسم الوثيقة

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

    ملحوظة

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

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

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

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

    العلاقة مع الوثائق الأخرى

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

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

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

    بطاقة شعار

    يتم استخدام العلامة للإشارة إلى عنوان URL الأساسي الكامل للمستند. وبمساعدتها، يستمر الارتباط النسبي في العمل إذا تم نقل المستند إلى دليل آخر أو حتى إلى كمبيوتر آخر. تعمل العلامة بشكل مشابه لأمر مسار MS-DOS، الذي يسمح للمشاهد بتحديد الرابط للمستند الذي تبحث عنه، حتى لو كان في مستند أعلى في التسلسل الهرمي، موجود على كمبيوتر آخر.

    تحتوي العلامة على معلمة HREF واحدة مطلوبة، متبوعة بعنوان URL الكامل للمستند. فيما يلي مثال على استخدام العلامة.

    تحديد عنوان أساسي

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

    بطاقة شعار

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

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

    الجدول 1.1. خيارات العلامة

    فيما يلي أمثلة للعلامة ذات المعلمات:

    يشير السطر الأول إلى ارتباط بملف جدول محتويات المستند (toc.html - جدول المحتويات) مع علاقة محتويات مباشرة. يصف السطر الثاني العلاقة بعنوان URL لمؤلف المستند (مع العلاقة العكسية).

    يمكن أن توجد العديد من العلاقات المختلفة بين المستندات. أمثلة على قيم معلمات REL الأخرى: الإشارة المرجعية، حقوق النشر، المسرد، المساعدة، الصفحة الرئيسية، الفهرس، toc، التالي، السابق. يمكن أن تأخذ معلمة REV أيضًا القيم التالية: المؤلف، المحرر، الناشر، المالك.

    بطاقة شعار

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

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

    مثال:

    سيقوم متصفحا Netscape Navigator وInternet Explorer بتفسير هذا الإدخال كتعليمات للانتظار لمدة 60 ثانية ثم تحميل مستند جديد. تُستخدم هذه التعليمات غالبًا عند تغيير موقع المستندات. يمكن ترك مستند صغير يحتوي على السلسلة المحددة في الموقع القديم للمستند لربطه تلقائيًا بموقعه الجديد.

    السطر التالي:

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

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

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

    يمكن الإشارة إلى العلامات المحددة، على سبيل المثال، للنسخة الإلكترونية من هذا الكتاب.

    يمكن أن تحتوي العلامة على المعلمات المحددة في الجدول. 1.2.

    الجدول 1.2. خيارات العلامة

    غرض آخر مهم للعلامة هو الإشارة إلى ترميز النص. لذلك، بالنسبة للنص باللغة الروسية في ترميز Windows، تحتاج إلى كتابة السطر التالي:

    عناصر رأسية أخرى

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

    قسم المستندات BODY

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

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

    تحتوي العلامة على عدد من المعلمات، ولا شيء منها مطلوب. وترد قائمة المعلمات في الجدول. 1.3.

    الجدول 1.3. قائمة معلمات العلامة

    معامل

    غاية

    رابط

    خلفية

    يشير إلى عنوان URL للصورة المستخدمة كخلفية

    الهامش السفلي

    يضبط حدود الهامش السفلي للمستند بالبكسل.

    بي جي كولور

    يحدد لون خلفية الوثيقة

    BGPROPERTIES

    عند التعيين على FIXED، لا يتم تمرير صورة الخلفية

    الهامش الأيسر

    يضبط الهامش الأيسر للمستند بالبكسل.

    وصلة

    يحدد لون الرابط الذي لم يتم عرضه بعد

    الهامش الأيمن

    يضبط حدود الهامش الأيمن للمستند بالبكسل.

    انتقل

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

    نص

    يحدد لون النص

    الهامش العلوي

    يضبط حدود الهامش العلوي للمستند بالبكسل.

    لينك

    يحدد لون الرابط الذي تم عرضه بالفعل

    تمت مناقشة استخدام معلمات BACKGROUND وBGCOLOR، التي تحدد خلفية المستند، بالتفصيل في.

    يتم دعم المعلمة BGPROPERTIES، التي تقبل قيمة واحدة FIXED، فقط بواسطة Microsoft Internet Explorer.

    يتم التعرف على معلمات BOTTOMMARGIN وLEFTMARGIN وRIGHTMARGIN وTOPMARGIN، التي تحدد المسافة بالبكسل بين حواف النص وحواف النافذة المقابلة، بالإضافة إلى معلمة SCROLL، فقط بواسطة الإصدار 4.0 من Microsoft Internet Explorer والإصدارات الأحدث.

    تحدد معلمات ALINK وLINK وTEXT وVLINK ألوان الروابط ونص المستند.

    في لغة HTML، يتم تعريف الألوان بواسطة أرقام ست عشرية. يعتمد نظام الألوان على ثلاثة ألوان أساسية - الأحمر والأخضر والأزرق - ويتم تحديدها بـ RGB. يتم إعطاء كل لون قيمة سداسية عشرية تتراوح من 00 إلى FF، والتي تتوافق مع نطاق من 0 إلى 255 بالنظام العشري. ثم يتم دمج هذه القيم في رقم واحد، يسبقه الرمز #. على سبيل المثال، الرقم #800080 يمثل اللون الأرجواني. لكي لا تتذكر مجموعات من الأرقام، يمكنك استخدام أسماء الألوان بدلاً من ذلك، والتي ترد في الملحق P2. لم تتعرف الإصدارات الأولى من المتصفحات إلا على أسماء 16 لونًا قياسيًا، تم تمييزها بعلامات النجمة في التطبيق. تتعرف الإصدارات الحديثة من المتصفحات على جميع أسماء الألوان البالغ عددها 140 لونًا.

    تنسيق النص

    سينظر هذا القسم في إمكانيات تنسيق الأحرف الفردية في نص المستند.

    علامات مستوى الكتلة والعلامات التسلسلية

    تُسمى بعض علامات HTML التي قد تظهر في قسم BODY علامات مستوى الكتلة، بينما يُطلق على البعض الآخر علامات مضمنة أو تُعرف أيضًا باسم علامات مستوى النص، على الرغم من أن تقسيم العلامات إلى المستويات يكون عشوائيًا إلى حد ما.

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

    افتراضيًا، يتم وضع هذه الأنواع من العلامات بشكل مختلف في نص الوصف: تبدأ العلامات على مستوى الكتلة في سطر جديد، بينما لا تبدأ العلامات المتسلسلة.

    التنسيق المنطقي والمادي

    لتنسيق نص مستندات HTML، يتم توفير مجموعة كاملة من العلامات، والتي يمكن تقسيمها إلى علامات تنسيق منطقية ومادية.

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

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

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

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

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

    علامات تنسيق النص المنطقية

    بطاقة شعار

    تقوم العلامة بوضع علامة على النص الخاص بها كاختصار (ABBReviation). على الرغم من تضمين هذه العلامة في مواصفات HTML 4.0، إلا أنها غير مدعومة حاليًا بواسطة أي متصفح.

    بطاقة شعار

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

    هذه العلامة ملائمة للاستخدام مع معلمة TITLE، حيث يمكنك تحديد القيمة الكاملة للاختصار. بعد ذلك، ستعرض المتصفحات المرئية، عند تحريك مؤشر الماوس فوق النص المميز بالعلامة، الاسم الكامل في شكل تلميح أداة.

    لاحظ أنه يتم التعرف على العلامة فقط بواسطة متصفح Microsoft Internet Explorer. مثال:

    SPbGITMO - إحدى الجامعات التقنية الرائدة في سانت بطرسبرغ

    بطاقة شعار

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

    Nevskoe Vremya هي إحدى صحف المدينة الأكثر شعبية في سانت بطرسبرغ

    بطاقة شعار

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

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

    مثال على أبسط عامل في لغة البرمجة C:

    يضع("مرحبا بالعالم!");

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

    بطاقة شعار

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

    تحتوي العلامة على معلمتين اختياريتين: CITE وDATETIME. يجب أن تكون قيمة معلمة CITE عنوان URL لمستند يشرح سبب إزالة الجزء.

    تحدد المعلمة DATETIME تاريخ الحذف بالتنسيق: YYYY-MM-DDThh:mm:ssTZD، الذي يحدد السنة والشهر واليوم والساعات والدقائق والثواني للحذف، بالإضافة إلى المنطقة الزمنية (المنطقة الزمنية). على سبيل المثال:

    أحدث مواصفات لغة ترميز HTML المقبولة هي الإصدار 3.2 4.0

    عادةً ما يتم عرض النص الذي تم وضع علامة عليه كنص يتوسطه خط. تعطي مواصفات HTML 4.0 الأفضلية لهذه العلامة على علامة التنسيق الفعلية أو العلامة التي تشير إلى نص يتوسطه خط. ومع ذلك، العلامة

    بطاقة شعار

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

    Internet Explorer هو متصفح ويب شائع

    العلامة مدعومة فقط بواسطة Microsoft Internet Explorer. يتم عرضها بخط مائل بشكل افتراضي.

    بطاقة شعار

    تقوم العلامة بوضع علامة على النص الخاص بها كإدراج (INSertion). يعد هذا العنصر مفيدًا لوضع علامة على التغييرات التي تم إجراؤها على المستند من إصدار إلى إصدار. يمكن استخدام العلامة كعنصر على مستوى النص وكعنصر على مستوى الكتلة.

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

    تحدد المعلمة DATETIME تاريخ الإدراج بالتنسيق: YYYY-MM-DDThh:mm:ssTZD، الذي يحدد السنة والشهر واليوم والساعة والدقائق والثواني للإدراج، بالإضافة إلى المنطقة الزمنية (المنطقة الزمنية).

    عادةً ما يتم عرض النص الذي تم وضع علامة عليه كنص تحته خط. يتم التعرف على العلامة حاليًا بواسطة Microsoft Internet Explorer فقط.

    بطاقة شعار

    يتم استخدام العلامة (التأكيد - التمييز والتسطير) لتسليط الضوء على أجزاء النص المهمة. عادةً ما تعرض المتصفحات هذا النص بخط مائل. مثال:

    مثال على تسليط الضوء على الكلمات الفردية للنص

    .

    بطاقة شعار

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

    لتشغيل محرر النصوص، اكتب: المفكرة

    يُفضل استخدام هذه العلامة بدلاً من استخدام علامة التنسيق الفعلية.

    بطاقة شعار

    تضع العلامة علامات اقتباس قصيرة في سطر من النص. على عكس العلامة على مستوى الكتلة، لا تقوم الشاشة بفصل النص المميز بأسطر فارغة. يتم عرضها عادةً بخط مائل. يتم التعرف على العلامة (على عكس ) حاليًا بواسطة Microsoft Internet Explorer فقط.

    تحتوي العلامة على معلمة CITE، والتي يمكن أن تكون قيمتها مصدر عرض الأسعار.

    بطاقة شعار

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

    يُفضل استخدام هذه العلامة على استخدام علامة التنسيق الفعلية. على سبيل المثال:

    ونتيجة لتشغيل البرنامج سيتم طباعة ما يلي: Hello, World! .

    بطاقة شعار

    تُستخدم العلامة عادةً لتسليط الضوء على أجزاء النص المهمة. عادةً ما تعرض المتصفحات هذا النص بخط غامق. مثال:

    تقع سانت بطرسبرغ في أقصى الطرف الشرقي لخليج فنلندا عند مصب نهر نيفا< /STRONG>

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

    بطاقة شعار

    تحدد العلامة أسماء متغيرات البرنامج. عادةً ما يتم عرض هذا النص بخط مائل. مثال:

    قم بتعيين قيمة المتغير N

    يظهر في الشكل عرض لبعض الأمثلة الواردة في وصف علامات تنسيق النص المنطقي. 1.1. يوضح الشكل كيف أنه عند تحريك الماوس فوق النص المميز بالعلامة، يتم عرض تلميح أداة.

    أرز. 1.1. أمثلة على تنسيق النص

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

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

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

    فيما يلي وصف لعلامات التنسيق الفعلية. لا يُنصح باستخدام بعضها من خلال مواصفات HTML 4.0 للأسباب المذكورة أعلاه. لقد تم إهمال بعض العلامات بواسطة مواصفات HTML 4.0، لكنها لا تزال مدعومة بواسطة المتصفحات.

    بطاقة شعار

    تعرض العلامة النص بخط غامق. في معظم الحالات، يوصى باستخدام علامة تنسيق منطقية بدلاً من علامة. على سبيل المثال:

    هذا خط غامق.

    أرز. 1.2. أمثلة على تنسيق النص الفعلي (متصفح Netscape)

    بطاقة شعار

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

    اختيار مائل

    بطاقة شعار

    تعرض العلامة النص بخط أحادي المسافة. في معظم الحالات، من الأفضل استخدام العلامات أو بدلاً من هذه العلامة. مثال:

    هذا خط أحادي المسافة.

    بطاقة شعار

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

    مثال الشرطة السفليةنص

    العلامات و

    تعرض العلامات النص بخط أفقي من خلاله. العلامة الملغاة. يجب استخدام العلامة بدلاً من ذلك. على سبيل المثال:

    مثال على نص يتوسطه خط.

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

    ... .

    بطاقة شعار

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

    حجم الخط أكبر.

    بطاقة شعار

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

    حجم الخط أصغر.

    بطاقة شعار

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

    مثال الخط للمنخفض.

    بطاقة شعار

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

    مثال للخط المرتفع.

    بطاقة شعار

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

    بطاقة شعار

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

    بالإضافة إلى ذلك، يسمح متصفح Microsoft Internet Explorer باستخدام معلمات العلامات التالية: DIR وDATAFLD وDATAFORMATAS وDATASRC. يمكن العثور على وصف المعلمات في الجزء الثاني من الكتاب.

    أرز. 1.3. استخدام علامات تنسيق النص المتداخلة

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

    هذا خط غامق.

    هذا مائل.

    وهنا النص غامق ومائل

    بطاقة شعار

    تحدد العلامة معلمات الخط. ويشير إلى علامات التنسيق الفعلي على مستوى النص.

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

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

    تشير العلامة إلى عناصر متسلسلة وبالتالي لا يمكن أن تتضمن عناصر على مستوى الكتلة، على سبيل المثال.

    أو

    .

    يمكن تعيين المعلمات التالية للعلامة: FACE، وSIZE، وCOLOR. لاحظ أن متصفح Netscape يسمح أيضًا باستخدام معلمتين إضافيتين: POINT-SIZE وWEIGHT، وقد تم حذف وصفهما.

      وجه

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

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

      فيما يلي مثال لاستخدام معلمة FACE:

      الغرض من الخطوط


      مثال على تحديد اسم الخط.

      في التين. يوضح الشكل 1.4 كيف يعرض متصفح Netscape مثالاً. في المثال، تتم الإشارة إلى الخط Verdana باعتباره الخط المفضل؛ وفي حالة عدم وجوده، سيتم استخدام الخط Arial، وما إلى ذلك.

    أرز. 1.4. عرض مثال لمتصفح Netscape

      مقاس

      تُستخدم هذه المعلمة لتحديد أحجام الخطوط بوحدات عشوائية من 1 إلى 7. ويعتمد حجم الخط المحدد على العارض الذي تستخدمه. من المقبول عمومًا أن حجم الخط "العادي" يتوافق مع القيمة 3.

    تختلف إعدادات حجم الخط الافتراضية، بالإضافة إلى مقدار التغيير المطلق في حجم الخط، بين المتصفحات. في التين. يوضح الشكل 1.5 نافذة إعدادات متصفح Netscape، والتي تقوم بتعيين الخطوط الافتراضية.

    تتم الإشارة إلى حجم الخط كقيمة مطلقة (SIZE=2) وكقيمة نسبية (SIZE=+1). غالبًا ما يتم استخدام الطريقة الأخيرة مع تحديد حجم الخط الأساسي باستخدام الملف .

    ملحوظة

    عند تحديد أحجام الخطوط، فإن الإدخالات مثل "2" و"+2" (بخلاف معظم لغات البرمجة، حيث يمكن حذف العلامة "+" الأحادية) تعطي نتائج مختلفة تمامًا.

    فيما يلي مثال يستخدم أساليب مختلفة لتعيين أحجام الخطوط. يظهر مثال للعرض في الشكل. 1.6.


    أرز. 1.5. نافذة إعدادات الخط في متصفح Netscape


    أرز. 1.6. تعيين أحجام الخطوط

    تعيين أحجام الخطوط

    حجم الخط 1

    حجم الخط 2

    حجم الخط 3

    حجم الخط 4

    حجم الخط 5

    حجم الخط 6

    حجم الخط 7

      لون

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

      اختيار لون الخط

      النص الأخضر

      نص أحمر

    بطاقة شعار

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

    ملحوظة

    يمكن أن تظهر العلامة أيضًا في قسم من المستند.

    لاحظ أنه لا توجد علامة إغلاق للعلامة.

    يمكن أن تكون المعلمات هي نفسها تمامًا كما في العلامة، وهي: FACE، وSIZE، وCOLOR. الغرض وقواعد كتابة المعلمات متشابهة.

    ملحوظة

    لا يسمح متصفح Netscape بمعلمة علامة FACE.

    دعونا نعطي مثالا على استخدام العلامة.

    تعيين أحجام الخطوط

    النص المكتوب بالخط الافتراضي.

    حجم الخط 2.

    حجم الخط 4.

    النص داخل خلية الجدول

    النص بعد الجدول

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


    أرز. 1.7. عرض المثال مع العلامة (متصفح Netscape)

    تنسيق مستند HTML

    التقسيم إلى فقرات

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

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

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

    يمكنك تجنب هذه المشكلة باستخدام علامة تقسيم فقرة خاصة.

    قبل بداية كل فقرة من النص يجب عليك وضع علامة

    علامة الإغلاق

    غير مطلوب. تقوم المتصفحات عادة بفصل الفقرات بسطر فارغ.

    ملحوظة

    تفسر المتصفحات عادةً علامات فقرات متعددة على التوالي

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

    بطاقة شعار

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

    الجدول 1.4. محاذاة قيم المعلمات

    محاذاة قيمة المعلمة

    فعل

    غادر

    قم بمحاذاة النص إلى الحافة اليسرى لنافذة المتصفح

    مركز

    قم بالمحاذاة إلى منتصف نافذة المتصفح

    يمين

    قم بمحاذاة الحافة اليمنى لنافذة المتصفح

    يبرر

    التبرير (من الجانبين)

    لاحظ أن التبرير (ALIGN = JUSTIFY) لم يتم دعمه بواسطة المتصفحات لفترة طويلة. تحدد العديد من أوصاف لغة HTML ثلاثة خيارات فقط لقيم معلمات المحاذاة (LEFT وCENTER وRIGHT). حاليًا، يمكن لجميع المتصفحات الشائعة إجراء محاذاة العرض. تمت أيضًا مناقشة بعض المشكلات المتعلقة بإنشاء المستندات المبررة في الفصل الثامن.

    ملحوظة

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

    ترجمة الخط

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

    فيما يلي مثال على استخدام تغذية الخط القسري (الشكل 1.8):

    استخدام تغذية الخط القسري

    على بتروغراد المظلمة

    نوفمبر تنفس برد الخريف.

    الرش مع موجة صاخبة

    إلى حواف سياجك النحيل،

    كانت نيفا تتقلب كشخص مريض

    لا يهدأ في سريري.

    أ.س. بوشكين. الفارس البرونزي


    أرز. 1.8. بطاقة شعار
    يمكن استخدامها لفرض تغذية الخط

    على عكس علامة الفقرة

    عند استخدام العلامة
    لن يتم إنشاء سلسلة فارغة.

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

    ملحوظة

    عند استخدام العلامة
    لفصل النص حول صورة أو جدول، يمكنك تعيين المعلمة CLEAR لإيقاف التفاف النص. يمكنك أن تقرأ عن هذا في الفصلين 3 و 4.

    العلامات ش

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

    ملحوظة

    لضمان استمرارية النص الموجود في خلايا الجدول، هناك معلمة خاصة لعلامة NOWRAP . يمكنك معرفة المزيد عن هذا في الفصل 4.

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

    ملحوظة

    العلامة غير مدعومة على الإطلاق بواسطة متصفح Netscape. يتعرف متصفح Microsoft Internet Explorer على هذه العلامة فقط في النص المميز بالعلامات.

    العناوين داخل مستند HTML

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

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

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

    (انظر الجدول 1.4).

    مثال على استخدام عناوين ذات مستويات مختلفة بمحاذاة مختلفة (الشكل 1.9):

    أمثلة العناوين

    حجم العنوان 1

    حجم العنوان 2

    حجم العنوان 3

    حجم العنوان 4

    حجم العنوان 5

    حجم العنوان 6

    نص الوثيقة


    أرز. 1.9. عرض العناوين بأحجام مختلفة

    خطوط أفقية

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

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

    الجدول 1.5. خيارات العلامة

    مثال:

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

    ملحوظة

    لا يسمح متصفح Netscape بمعلمة علامة اللون.

    استخدام النص المنسق مسبقا

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

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

    أحد خيارات استخدام هذه العلامة هو الجداول التي تم إنشاؤها دون استخدام علامات ترميز الجدول الخاصة. أخرى مهمة

    يهدف التطبيق إلى عرض كتل كبيرة من أكواد البرنامج (Java، وC++، وما إلى ذلك) على الشاشة، مما يمنع المتصفح من إعادة تنسيقها.

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

    ملحوظة

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

    هناك العديد من العلامات التي تحل مشكلة مماثلة. تتضمن هذه العلامات علامات AND، وقد تم وضع علامة على هذه العلامات الثلاثة على أنها مهملة في مواصفات HTML 4.0. وهذا يعني أن المتصفحات لن تدعمها بعد الآن في الإصدارات المستقبلية. يوصى باستخدام العلامة بدلاً من هذه العلامات.

    بطاقة شعار

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

    (جزء من الوثيقة)

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

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

    بطاقة شعار

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

    محاذاة = العلامة المركزية

    .

    في الأساس، العلامة هي نموذج قصير للإدخال التالي: . يعد الاستخدام الإضافي للعلامة أمرًا غير مرغوب فيه أيضًا للأسباب المذكورة في القسم السابق.

    تضمين التعليقات في المستند

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

    القواعد جزء من عالمنا وتوجه تصرفاتنا اليومية باستمرار. توجد قواعد في كل مجال من مجالات حياتنا تقريبًا - قواعد السلوك، وقواعد الآداب، وقواعد عبور الشارع - والقائمة لا حصر لها.

    ما هي القواعد؟ إنها مجموعة من التعليمات التي يجب اتباعها أو الالتزام بها. هناك العديد من الكلمات الإنجليزية التي تعني القواعد، أو تشير إلى القواعد:

    • تحذيرات - تحذير
    • الوصايا - الأمر، التوجيه
    • الاتجاهات - التعليمات
    • تحذيرات مسبقة - تحذير
    • خطوط إرشاد
    • القواعد الارشادية
    • تعليمات - تعليمات
    • القوانين - القوانين
    • السياسات - الإعدادات
    • إجراءات
    • اللوائح - القواعد
    • تحذيرات - تحذيرات

    جوجل الرمز القصير

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

    • ممنوع ركوب الدراجات - لا يمكنك ركوب الدراجات
    • ممنوع الدخول - الدخول محظور
    • لا يسمح بالتزلج - لا يمكنك التزلج على الجليد
    • احذر من الدراجات القادمة - احذر من الدراجات القادمة
    • حافظ على الوضوح = لا تحجب هذه المنطقة – لا تشغل هذه المنطقة
    • لا يمكنك ملء أسطوانات الغاز هنا - لا يمكنك ملء أسطوانات الغاز
    • السم = لا تأكله – السم = لا يمكنك أن تأكله
    • ممنوع التدخين - ممنوع التدخين
    • احذر من الأشخاص الذين يعبرون الطريق - كن حذرًا أيها المشاة
    • لا يسمح بوقوف السيارات - وقوف السيارات محظور
    • لا تسقط القمامة - لا ترمي القمامة
    • لا يسمح للأطفال - لا يسمح للأطفال
    • لا يسمح بالتصوير الفوتوغرافي - التصوير محظور
    • يرجى التنظيف بعد كلبك – التنظيف بعد كلبك
    • خطر الموت – خطر، كهرباء عالية الجهد قريبة – خطير! - خطير، الجهد العالي
    • ممنوع البصق - لا يمكنك البصق

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

    هل سبق لك أن كسرت القواعد؟ يُطلق على الأشخاص الذين يتبعون القواعد دائمًا اسم "الملتزمين بالقانون"، ويُطلق على الأشخاص الذين يخالفون القواعد اسم "منتهكي القانون".

    أخيرًا، نود أن نتمنى لك "أن تكون جيدًا!" ، "اتبع القواعد!"، "ابتعد عن المشاكل!"

    World of Tanks (WOT) هي لعبة عبادة حلت محل MORTAL KOMBAT وContre الشهيرتين. بعد أن تجاهلت اللعبة في البداية، قمت بالتسجيل. اللعبة مثيرة للاهتمام وديناميكية وتجاوزت التوقعات. هناك الكثير من الأدلة والأدلة الخاصة باللعبة، والمزيد من مقاطع الفيديو. خدمة YouTube مليئة بألعاب المعارك الجميلة للناقلات النبيلة.

    [إنجليزي] دليل - معلم، دليل، دليل]

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

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

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

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

    اشتريت سبعة وأربعين دبابة. الخطأ الثاني! لقد اشتريت معدات مجانية كثيرًا. لا يوجد شيء للعب به حقًا.

    بدأت في شراء قذائف ومعدات باهظة الثمن. الخطأ الثالث! توفر القذائف والمعدات باهظة الثمن الحد الأدنى من المزايا في المعركة، وتذوب عملة اللعبة أمام أعيننا. يجب حفظ المال.

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

    بدون تحليل دقيق، من المستحيل اللعب.

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

    فاجأتني العودة إلى المستوى الأول بعد تسجيل حساب World of Tanks لزوجتي. عندما شاهدتها وهي تلعب، رأيت الفرق. في حساب الزوجة (المبتدئ) الذي تم إنشاؤه حديثًا، يزحف "جراد البحر" حقًا في المستوى الأول. أخبر زوجتي (المبتدئة) ببعض تقنيات القتال، وأفوز في القتال وأكسب الكثير من الميداليات. شيء آخر هو الحساب الأصلي (12000 معركة). هنا، على المستوى الأول، يقاتل هؤلاء الرجال المحطمون! على ما يبدو، فإن Great Belarusian Random (GBR) عند اختيار فصيلة للمعركة، يأخذ في الاعتبار تجربة اللاعب وتقييم لعبته. لا ينبغي الخلط بينه وبين قياس الرنة. يختلف تصنيف اللاعب عند اختيار فصيلة الألعاب في VBR إلى حد ما ولا يعرفه الجميع. على عكس مساح الغزلان الذي هو متاح للعرض العام. يتم تجنيد فصائل العدو في FBR وفقًا لمبدأ المساواة العالمية. فصيلة من اللاعبين ذوي الخطوط والعشيرة، في المستوى الأول، لن تلعب أبدًا مع "جراد البحر" (الوافدين الجدد).

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

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

    ملاحظة. دفتر ملاحظات لمن تحب.
    أنا لا أدعي أمجاد الناقلة العملاقة.

    المقالة ليست ذات صلة تماما
    في الإصدار 10.2 والإصدارات الأحدث، تمت إضافة القدرة على إعادة تسمية الصفحة بقواعد الموقع مباشرةً في لوحة إدارة المحرك، عند التحرير المباشر لنص القواعد. ومع ذلك، تبقى الصفحة التي تحتوي على قواعد الموقع. إنه موجود وموجود على أي موقع ويب DLE على http://my_site/rules.html
    كيفية إخراج كل العصير من هذا العنوان - واصل القراءة

    صفحة تحتوي على قواعد الموقع في CMS DLE

    صفحة قواعد الموقع هي صفحة ثابتة للنظام. تتم معالجتها بواسطة المحرك ويتم إنشاؤها بنفس طريقة الصفحة الثابتة العادية. من المستحيل إزالته - لم يتم توفير ذلك من قبل مطور المحرك. حتى إذا تم تعطيل عرض قواعد الموقع نفسها أثناء التسجيل، فإن الصفحة التي تحتوي على قواعد الموقع متاحة دائمًا على http://my_site/rules.html، وسيبدأ محرك البحث الأول الذي يجدها هناك في التقيؤ والبصق على النص و عنوان. لا عجب. بعد كل شيء، على جميع مواقع DLE هو نفس الشيء.

    عندما تنتهي صفحة بها قواعد الموقع في خريطة الموقع، يعتبرها محرك البحث "غير هامة" ولا يتم تضمينها في فهرس البحث، نظرًا لأن قواعد الموقع هي نفسها في كل مكان تقريبًا. لذلك، فإن الصفحة التي تحتوي على قواعد الموقع في DLE، بشكل افتراضي، محظورة (مغلقة) من فهرسة البحث في الملف ( عدم السماح بالسطر: /rules.html).

    تفرد "قواعد الموقع"

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

    لا، حسناً، هل رأى أحدكم أي قواعد هائلة أو خاصة عند التسجيل على الفيسبوك أو تويتر؟ أو ربما هم على فكونتاكتي وOdnoklassniki؟ نفس الشيء!

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

    لا توجد صفحة - لا مشكلة

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

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

    فتح قواعد الموقع لمحركات البحث

    نحن نتخذ خطوة جريئة ونمنح محركات البحث حق الوصول إلى صفحة قواعد الموقع. للقيام بذلك، نجد في ملفنا السطر Disallow: /rules.html ونحذفه nafik. لقد تم! الآن، سيتمكن أي روبوت بحث من الدخول رسميًا إلى "قواعد الموقع" المفتوحة وبالطبع قول "Fe-e!" و"كن-إي!" لمنع حدوث ذلك، نقوم بإعادة صياغة صفحة "قواعد الموقع" - أدخل النص الفريد الخاص بنا حول أي موضوع وصور وقم بتغيير اسم (عنوان) الصفحة.

    تحرير صفحة "قواعد الموقع".

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

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

    إعادة تسمية صفحة "قواعد الموقع".
    (لنظام CMS DLE 10.1 والإصدارات الأقدم)

    تتم إعادة تسمية صفحة "قواعد الموقع" نفسها مباشرةً في ملف adminpanel.lng، الموجود في المجلد language/روسي/adminpanel.lng. الملف adminpanel.lng هو ملف نظام لمحرك DLE. لتحريره، انتقل إلى الخادم الخاص بك (وإلا، فلا مفر).

    افتح الملف adminpanel.lng.
    تبحث عن سلسلة
    "rules_edit" => "القواعد العامة بالموقع"
    نقوم بتغيير عبارة "القواعد العامة في الموقع" إلى إسمنا الجديد. دعونا نغلق. دعونا ننقذ. (يمكنك فقط تغيير الأبجدية السيريلية، الموجودة بين علامتي الاقتباس. وإلا فإنها ستتوقف عن العمل تمامًا.)

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

    المشاركة تعنى الاهتمام!

    صفة ماذا يفعل
    يفعل؟ تم استخدامه لتحديد عرض الحدود الداخلية بين الصفوف والأعمدة. لقد تم إهمال هذه السمة. استخدم CSS لتصميم حدود الجدول بدلاً من ذلك.

    لقد تم إهمال سمة القواعد لقد تم إهمال هذه السمة ويجب عدم استخدامها. دعم المستعرض لهذه السمة محدود وقد يؤدي استخدامها إلى نتائج غير متوقعة. بدلاً من ذلك، استخدم CSS لتصميم الجداول.

    سمة القواعد

    تشير RULES، إحدى سمات HTML 4.0، إلى ما إذا كان يجب أن تكون هناك حدود داخلية في الجدول. سنراجع كل قيمة من قيم RULES ونوضح كيفية استخدامها. لدى RULES وFRAME طريقة مزعجة لتغيير الإعدادات الافتراضية لبعضهما البعض. لتبسيط حياتك، إليك القاعدة الأساسية: إذا كنت تستخدم القواعد، فاستخدم أيضًا الإطار والحدود. فمن الأسهل تجنب الخلط.

    قيمة NONE للسمة RULES

    RULES=NONE تعني أنه لا توجد حدود داخلية. RULES=NONE هو الإعداد الافتراضي إذا لم تستخدم BORDER أو قمت بتعيينه على صفر، ولكن بخلاف ذلك يجب النص صراحةً على عدم وجود حدود داخلية. لاحظ أن Netscape حاليًا لا يتعرف على RULES .

    اسم الغذاء
    ستارفلوريقلب التوفو
    ميكوحساء الأرز النباتي
    آنديالحمص
    بينغخبز فرنسي محمص
    القيمة ALL للسمة القواعد

    تشير القواعد=الكل إلى أن جميع الحدود الداخلية يجب أن تكون مرئية. يتم استخدام RULES=ALL عادةً مع FRAME=VOID بحيث تكون هناك حدود خارجية ولكن لا توجد حدود داخلية.

    عند تطبيقها على جدول، تعطينا هذه القيمة النتيجة التالية:

    اسم الغذاء
    ستارفلوريقلب التوفو
    ميكوحساء الأرز النباتي
    آنديالحمص
    بينغخبز فرنسي محمص
    قيمة COLS لسمة القواعد

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

    عند تطبيقها على جدول، تعطينا هذه القيمة النتيجة التالية:

    اسم الغذاء
    ستارفلوريقلب التوفو
    ميكوحساء الأرز النباتي
    آنديالحمص
    بينغخبز فرنسي محمص
    قيمة الصفوف للسمة القواعد

    تشير RULES=ROWS إلى أنه يجب أن تكون هناك حدود بين الصفوف وليس بين الأعمدة.

    عند تطبيقها على جدول، تعطينا هذه القيمة النتيجة التالية:

    اسم الغذاء
    ستارفلوريقلب التوفو
    ميكوحساء الأرز النباتي
    آنديالحمص
    بينغخبز فرنسي محمص
    قيمة المجموعات لسمة القواعد

    القواعد = المجموعات تسمح لك بوضع حدود بين مجموعات خلايا الجدول. هناك طريقتان يمكن من خلالهما تجميع الخلايا: حسب الصف وحسب العمود. دعنا نراجع كل واحد منهم لاحظ أن Netscape لا يتعرف على القواعد حاليًا.

    التجميع حسب الصف

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

    NameFoodPriceالمجموع
    ستارفلوريقلب التوفو5.95
    ميكوحساء الأرز النباتي4.95
    آنديالحمص3.95
    بينغخبز فرنسي محمص5.95
    20.80

    وإليك كيفية عرض هذا الجدول:

    اسماء أسعار المواد الغذائيةالمجموع
    ستارفلوريقلب التوفو5.95
    ميكوحساء الأرز النباتي4.95
    آنديالحمص3.95
    بينغخبز فرنسي محمص5.95
    20.80
    التجميع حسب العمود

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