المحتوى

• لتخطو
• طريقة 1 من 2: الطريقة الحالية
• طريقة 2 من 2: طريقة قديمة
• نصائح

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

لتخطو

طريقة 1 من 2: الطريقة الحالية

1. استخدم خاصية زخرفة النص في نمط CSS الخاص بك. لم يعد استخدام علامة u> طريقة مناسبة لتسطير النص. بدلاً من ذلك ، نستخدم خاصية CSS "زخرفة النص".
   • هذا يجعل الشفرة أسهل في التعديل ، بحيث لا تضطر إلى تغيير أي شيء بخصوص الكود القديم إذا أصبح غير قابل للاستخدام.
2. استخدم علامة span> عندما تريد تسطير جزء معين من النص. ضع علامة البداية جنبًا إلى جنب مع خاصية "زخرفة النص" حيث تريد أن يبدأ التسطير. ضع علامة النهاية / الامتداد> حيث يجب أن يتوقف التسطير.

   span style = "text-decoration: underline؛"> سيتم وضع خط تحته ./span>

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

   html> head> style> h3 {زخرفة النص: تسطير ؛ } / style> / head> body> h3> هذا العنوان مسطر / h3> / body> / html>

4. قم بإنشاء فئة CSS للتسطير بسرعة في أي وقت. يمكنك إنشاء فئات في ورقة الأنماط أو النمط الخاص بك> ، ليتم استدعاؤها لاحقًا. يمكن أن يكون للفصل أي اسم تريده.

   html> head> style> .underline {زخرفة النص: underline؛ } / style> / head> body> يمكنك استخدام هذه الفئة لتسطير div بسرعة> / div> من أجزاء مختلفة div> من المحتوى / div> / body> / html>

5. ضع في اعتبارك طرقًا أخرى للتأكيد على النص. يجب تجنب التسطير لتجنب إرباك القارئ. من الطرق الشائعة استخدام علامة em> التي تجعل النص مائلًا. يمكنك استخدام CSS لتحديد هذه العلامة بشكل أكبر ، لطريقة فريدة للتأكيد.

   html> head> style> em {color: red؛ } / style> / head> body> سيصبح كل شيء داخل عنصر em em> مائلًا (بسبب الإعدادات الافتراضية) ، وأحمر / em> بسبب النمط المضاف أعلاه. / body> / html>

طريقة 2 من 2: طريقة قديمة

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

   html> body> باستخدام العلامة القديمة u> في HTML ، يمكنك تسطير الأشياء بسرعة / u> ، ولكن سرعان ما تصبح الأمور فوضوية عند استخدام عناصر نمط أخرى. هذا هو السبب في أننا نضع خطًا تحت "زخرفة النص" باستخدام عنصر CSS. / body> / html>

نصائح

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