كيف تتعامل مع المساحة البيضاء في HTML الخاص بك [مغلق]
https://stackoverflow.com/questions/16403
-
08-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
واحدة من أكبر إحباطاتي المطبعية بشأن HTML هي الطريقة التي تشوه بها المسافات البيضاء الملتصقة.على سبيل المثال إذا كان لدي:
<span>Following punctuation rules. With two spaces after the period. </span>
سيتم اعتبار إحدى المسافتين التاليتين للنقطة مسافة بيضاء غير مهمة وستتم إزالتها.يمكنني بالطبع إجبار المسافة البيضاء على أن تكون ذات أهمية من خلال:
<span>Following punctuation rules. With two spaces after the period. </span>
لكن الأمر يضايقني عندما أضطر إلى القيام بذلك، وعادةً لا أزعجني.هل يقوم أي شخص تلقائيًا بإدخال مسافة بيضاء كبيرة في عمليات إرسال المحتوى الخارجي المخصصة لصفحة ويب؟
المحلول
بالنسبة لمثالك المحدد، فلا داعي للقلق بشأنه.تقوم متصفحات الويب بإجراء عرض مطبعي ووضع المقدار الصحيح من المسافة بين النقاط وأي حرف يتبعه (ويختلف الأمر اعتمادًا على الحرف التالي، وفقًا لقواعد تقنين الأحرف.)
إذا كنت تريد فواصل الأسطر، فإن <br/> ليس مشكلة كبيرة حقًا، أليس كذلك؟
لست متأكدا مما يستحق downmod هنا ...يجب ألا تجبر مسافتين بعد النقطة، إلا إذا كنت تستخدم خطًا أحادي المسافة.بالنسبة للخطوط المتناسبة، يقوم أداة إعادة التحديد بتحريف المسافة الصحيحة بعد فترة.يرى هنا و هنا للمناقشات التفصيلية.
نصائح أخرى
إذا كنت تريد حقًا الحفاظ على المساحة البيضاء الخاصة بك، جرب خاصية css:المساحة البيضاء:قبل؛
أو يمكنك فقط استخدام علامة <pre> في ترميزك.
بالمناسبة، من الجيد أن تتجاهل متصفحات HTML المساحة البيضاء بشكل عام، فهي تتيح لنا تنسيق كود المصدر بشكل واضح، دون التأثير على الإخراج.
قد لا يكون الأمر أنيقًا جدًا، لكنني أستخدم CSS على علامة <pre>.
هناك دائمًا سمة CSS "المسافة البيضاء"، ولكن من الممكن أن تتعرض للخطأ أو الفشل بعض الشيء.
نلقي نظرة على العلامة المسبقة.قد تفعل ما تريد.
يمكنك استخدام كتلة مسبقة التصميم للحفاظ على المسافة البيضاء.يتم أيضًا إدراج معظم محرري WYSIWYGلك...
بشكل عام، من الجيد أن يتجاهل المتصفح المسافات البيضاء.ما عليك سوى الاطلاع على المصدر على هذا الموقع بنفسك وتخيل مدى الجنون الذي سيبدو عليه الموقع إذا تم عرض كل مساحة.
من الأفضل استخدام المساحة البيضاء:التفاف مسبق من المساحة البيضاء:قبل أوباستخدام المثال الخاص بك، يمكن للحلول الأخيرة أن تبدأ سطرًا جديدًا في "القواعد". نعلى-بقابل للكسر spضرب الآس نهاية السطر.
يمكن أن تكون علامة PRE حلاً صالحًا، وفقًا لاحتياجاتك.ومع ذلك، إذا كنت تحاول استخدام قاعدة المسافة 2 في الجمل في جميع أنحاء موقعك، فستجد قريبًا أن الأحرف الأخرى التي تحتفظ بها علامة PRE هي تغذية السطر/سطر النقل (أو عدمه) سوف يفسد أي تصميم تحاول تجربته لكى يفعل.
بشكل عام، أميل إلى تجاهل قاعدة "مسافتان بعد الجملة"، أو إذا كنت متمسكًا بها، سألتزم بـ ، ولكنك ستواجه أحيانًا المشكلة التي ذكرها نيكولاس.
هناك صفحة بخصوص هذا الموضوع على webtypography.net.يحتوي هذا الموقع على العديد من الأشياء الأخرى المثيرة للاهتمام حول إنشاء نص للويب من وجهة نظر الطباعة، وهي الأشياء التي لا يفكر فيها مصممو صفحات الويب في كثير من الأحيان.انه يستحق القراءة.
