تجاوز النص: يعتبر الحذف ضارًا

أعاد نشره أفلاطون

المتابعون: 0

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

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

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

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

يشير إريك إلى أنه لا توجد طريقة لجعل النص مبتوراً text-overflow: ellipsis مرئي. بمجرد ذهابه ، ذهب (على الرغم من أن برامج قراءة الشاشة تعلن عن ذلك). عمليا فقدت البيانات. قد تكون موافقًا على ذلك. هذا رائع طالما أنك تعرف ما يحدث والمقصود منه.

ولكن هذا ما قاله إريك والذي جعلني أرغب في مشاركة هذا:

لا تقيد المحتوى ليناسب تصميمك ، اجعل CSS مرنًا للتعامل مع الكلمات الأطول بأمان.

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

تمتلك CSS الأدوات اللازمة لعمل تصميم مرن يراعي أطوال مختلفة من النص. لذلك ربما يخطئ من جانب كتابة CSS الدفاعية… CSS يتوقع المشكلات ويعرف كيفية التعامل مع سيناريوهات المحتوى المختلفة بأمان. text-overflow: ellipsis قد تكون جزءًا من ترسانة CSS الخاصة بك لذلك. ولكن من المحتمل أيضًا أن يؤدي ذلك إلى طرد الطفل بماء الحمام. يجدر التساؤل عما إذا كان فقدان تلك البيانات يستحق تكلفة ما يفترض أن يفعله هذا المحتوى قبل إعطائه قصة شعر.

بينما نتحدث عن اقتطاع النص ...

لينك في أكتوبر 1، 2021