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

💖 هل يعجبك؟شارك الرابط مع أصدقائك

النص كخط منخفض ومرتفع:

يحتوي هذا النص مخطوطةنص.

يحتوي هذا النص مرتفعنص.

الوصف والاستخدام

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

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

الفرق بين HTML وXHTML

السمات القياسية

سمات الحدث

يصف معنى وصف
عند النقر النصي سيتم تنفيذ البرنامج النصي عند النقر عليه
com.ondblclick النصي سيتم تنفيذ البرنامج النصي عند النقر المزدوج
مركز النصي سيتم تنفيذ البرنامج النصي عند تلقي التركيز
com.onmousedown النصي سيتم تنفيذ البرنامج النصي عند الضغط على زر الماوس
com.onmousemove النصي سيتم تنفيذ البرنامج النصي عندما يتحرك مؤشر الماوس
com.onmouseout النصي سيتم تنفيذ البرنامج النصي عندما يترك مؤشر الماوس العنصر
على الفأرة فوق النصي سيتم تنفيذ البرنامج النصي عندما يكون مؤشر الماوس فوق العنصر
com.onmouseup النصي سيتم تنفيذ البرنامج النصي عند تحرير زر الماوس
عند الضغط على الزر لأسفل النصي سيتم تنفيذ البرنامج النصي عند الضغط على المفتاح
com.onkeypress النصي سيتم تنفيذ البرنامج النصي عند الضغط على المفتاح ثم تحريره
com.onkeyup النصي سيتم تنفيذ البرنامج النصي عند تحرير المفتاح

وصف

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

بناء الجملة

نص

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

مطلوب.

صفات

على غرار CSS

مثال. باستخدام علامة

علامة فرعية

تحت تأثير الهيدروكسيلامين، تتحول الألدهيدات إلى أوكسيمات: CH 3 C H O + NH 2أوه = CH 3ج(=NOH)ح + ح 2يا



تخصيص ؟

تخصيص

تمر كل مواصفات بعدة مراحل من الموافقة.

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

على قيد الحياة يقف بعيدا معيار HTML(المعيشة) - لا يلتزم بترقيم الإصدارات التقليدية، لأنه قيد التطوير المستمر ويتم تحديثه بانتظام.

المتصفحات: سطح المكتب المحمول ?

متصفح الانترنت كرومالأوبراسفاريثعلب النار
2 1 3.5 1 1
ذكري المظهرفايرفوكس موبايلأوبرا موبايلسفاري موبايل
1 1 6 1

بطاقة شعار

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

الخط الأساسي هو خط وهمي يمتد على طول الحافة السفلية للأحرف. بعض الحروف (sch، ц، у، д، Р، ф) تمتد جزئيًا إلى ما بعد خط الأساس.

صفات

سمات الشخصية:لا.

  • مفتاح الوصول - يضبط مفتاح الاختصار للتركيز على عنصر HTML.
  • فئة - تحدد اسم فئة العلامة أو الفئات المستخدمة في CSS (أوراق الأنماط المتتالية).
  • دير - يشير إلى اتجاه النص داخل العنصر.
  • - يحدد اسم معرف علامة HTML الذي يمكن استخدامه "كنقطة ارتساء" أو في أوراق الأنماط.
  • lang - يشير إلى اللغة التي يُكتب بها النص الموجود داخل عنصر HTML.
  • النمط - مطلوب لاستخدام المدمج أنماط CSSلوضع علامة.
  • tabindex - يضبط ترتيب علامات التبويب بين العناصر (مفتاح Tab).
  • العنوان - يعرض تلميح أداة عند تحريك الماوس فوق عنصر HTML.

نوع العلامة

الغرض: النص (سلاسل).

نموذج العلامة: مضمن (مدمج، مستوى الخط).

يمكن أن يحتوي:العلامات المضمنة والنص العادي و أحرف HTML الخاصة(فن الإستذكار).

علامة الافتتاح:ضروري. العلامة الختامية:ضروري.

بناء الجملة

محتوى

مثال HTML: استخدام العلامة SUB

seodon.ru - استخدام العلامة SUB

ر ن= ن!



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

بطاقة شعار

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

هذا عريضالخط.

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

بطاقة شعار

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

اختيار مائل

بطاقة شعار

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

هذا com.monospaceالخط.

بطاقة شعار

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

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

العلامات و

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

مثال شطبنص.

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

....

بطاقة شعار

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

الخط أكثرمقاس.

بطاقة شعار

بطاقة شعار يعرض النص بحجم خط أصغر. نظرًا لعدم وجود علامة في 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. فيما يلي مثال على مستند يحتوي على نص متعدد الألوان.

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

    النص الأخضر

    نص أحمر

بطاقة شعار

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

ملحوظة

بطاقة شعار قد تظهر أيضًا في القسم وثيقة.

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

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

ملحوظة

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

فيما يلي مثال على استخدام العلامة .

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

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

حجم الخط 2.

حجم الخط 4.

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

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

أرز. 1.7.عرض مثال مع علامة (متصفح نتسكيب)



أخبر الأصدقاء


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

علامات HTML و - نص منخفض ومرتفع

التعريف والاستخدام

بطاقة شعار يحدد النص بين السطور. النص الفرعي هو نصف الارتفاع ويظهر أسفل الخط الأساسي. يمكن استخدام النص بين السطور عند كتابة الصيغ الكيميائية، مثل H 2 O.

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

دعم المتصفح

العلامات و مدعومة من قبل جميع المتصفحات الرئيسية.

الاختلافات بين HTML وXHTML

السمات القياسية

عمود دتديحدد نوع المستند الذي يُسمح فيه بسمة HTML 4.01/XHTML 1.0 DTD. S=متشدد، T=انتقالي وF=مجموعة الإطارات.

العلامات و دعم السمات القياسية التالية:

يصف معنى وصف دتد
فصل class_name يحدد اسم الفئة للعنصر إس تي إف
دير rtl
لتر
يحدد اتجاه النص للمحتوى في عنصر ما إس تي إف
بطاقة تعريف معرف يحدد معرفًا فريدًا للعنصر إس تي إف
لانج رمز اللغة يحدد رمز اللغة لمحتوى العنصر إس تي إف
أسلوب style_definition يحدد نمطًا مضمّنًا لعنصر ما إس تي إف
عنوان نص يشير معلومات إضافيةحول العنصر إس تي إف
xml: لانج رمز اللغة يحدد رمز اللغة لمحتوى العنصر في مستندات XHTML إس تي إف

مزيد من المعلومات حول السمات القياسية.

سمات الحدث

العلامات و دعم سمات الحدث التالية:

يصف معنى وصف دتد
عند النقر النصي تم إطلاق البرنامج النصي عند النقر بالماوس إس تي إف
com.ondblclick النصي انقر نقراً مزدوجاً فوق البرنامج النصي إس تي إف
com.onmousedown النصي البرنامج النصي للتشغيل عند الضغط على زر الماوس إس تي إف
com.onmousemove النصي البرنامج النصي للتشغيل عندما يتحرك مؤشر الماوس إس تي إف
com.onmouseout النصي برنامج نصي يتم تشغيله عندما يتحرك مؤشر الماوس خارج العنصر إس تي إف
على الفأرة فوق النصي يتم تشغيل البرنامج النصي عندما يتحرك مؤشر الماوس فوق عنصر ما إس تي إف
com.onmouseup النصي البرنامج النصي الذي سيتم تشغيله عند تحرير زر الماوس إس تي إف
عند الضغط على الزر لأسفل النصي تشغيل البرنامج النصي عند الضغط على المفاتيح إس تي إف
com.onkeypress النصي يتم تشغيل البرنامج النصي عند الضغط على مفتاح ثم تحريره إس تي إف
com.onkeyup النصي البرنامج النصي للتشغيل عند تحرير المفتاح إس تي إف

مزيد من المعلومات حول