أدوات المطورين · محرر HTML WYSIWYG
من العلامات <font> إلى CSS: كيف تم إخراج تنسيق الويب من العلامات
· خلفية
أتش تي أم أل المغلق تنظيف النص
يسرد كيف أفسحت سمات العرض التقديمي HTML، مثل الخط والوسط والمحاذاة، المجال لـ CSS، ولماذا يفسر هذا التاريخ النقاش الدائر اليوم حول النمط المضمن في المحررين.
العرض التقديمي HTML في الصفحات القديمة - لم يتم الحصول على أي مطالبة بالتاريخ هنا
غالبًا ما تعبر أجزاء الصفحة الأقدم عن مظهرها مباشرةً من خلال عناصر مثل الخط والوسط أو السمات مثل bgcolor وalign. يشتمل المصنف على تسلسل زمني لمنتصف التسعينيات، ولكن لا يوجد مصدر مستودع يتحقق من هذه التواريخ. يمكن أن يوضح التنفيذ فقط كيفية تعامل هذا المحرر مع هذه العلامات اليوم.
ToolAcre لا يسمح بالخط أو المركز، ولا يحافظ على سمات العرض التقديمي. يتم إلغاء تغليف الأغلفة العادية غير المدعومة، لذا قد تبقى كلماتها المرئية بينما تختفي تعليمات التنسيق. هذا الناتج عبارة عن مسودة منقحة، وليس استعادة صحيحة لصفحة قديمة.
الخط والمركز وbgcolor: العرض التقديمي في العلامات - يصف العناصر والسمات التي أضافتها المتصفحات للمظهر
عندما يعيش العرض التقديمي في علامات وسمات، يصبح من الصعب تغيير المحتوى والتصميم بشكل مستقل. يجب تحرير اختيار اللون المتكرر عبر المقالات في كل جزء، وليس للعنوان المركزي أي معنى هيكلي متأصل. يؤدي نسخ هذه البنيات أيضًا إلى استيراد الافتراضات من تخطيط قديم.
تقوم العلامات الدلالية بأسماء الأدوار مثل العنوان والفقرة والقائمة والاقتباس. يمكن لورقة أنماط الوجهة تقديم جميع الأحداث بشكل متسق. ToolAcre يدعم تلك المفردات الصغيرة ويزيل التصنيف والأسلوب أيضًا، مما يترك نظام الاستقبال مسؤولاً عن طبقة العرض التقديمي الخاصة به.
CSS يفصل البنية عن العرض التقديمي؛ التواريخ القياسية هي خارج دليل المستودع
يوفر CSS محددات وإعلانات منفصلة عن شجرة المحتوى. يسمح هذا التقسيم المعماري بتغيير واحد في التصميم للتأثير على العديد من المستندات دون إعادة كتابة كل نص. لا تخترع هذه المقالة تاريخ التوصية الأولى أو تسلسل المعايير لأن مثل هذه المطالبات التاريخية تتطلب مواصفات خارجية.
تظل القاعدة العملية قابلة للاختبار: الأجزاء المنسوخة من ToolAcre لا تحتوي على سمات نمط أو أسماء فئات. يتضمن المستند الكامل الذي تم تنزيله ورقة أنماط الغلاف الخاصة بـ ToolAcre، ولكن لم يتم إدراج CSS في الجزء المعقم الذي تم إرجاعه بواسطة النسخة HTML.
عناصر العرض التقديمي خارج هذه القائمة المسموح بها، دون المطالبة بتسلسل زمني متوافق مع المعايير المعيشية
يصف المصنف الإهمال والإزالة من مستوى المعيشة. لا تحتوي هذه الوحدة على أرشيف للمعايير، لذا تتوقف المقالة عند السياسة الحالية: عناصر العرض التقديمي غير مدعومة وإما غير مغلفة أو تمت إزالتها وفقًا لفئة المخاطر الخاصة بها. إنه لا يقدم ادعاءً بالتسلسل الزمني المعياري.
تقرير الإزالة هو الدليل المفيد. الصق علامة خط حول النص ولاحظ أنه تم رفض الغلاف بينما تبقى الكلمات. قم بلصق حاوية نمط خطير وستتم إزالة جسمها بالكامل، لأن محتوى النمط الخام يمكن أن ينشئ أسطح طلب وتحليل خارج نطاق هذا المحرر.
توجد الأنماط المضمنة في مكان آخر ولكن هذا المحرر يزيلها
يعد النمط المضمن آلية بناء جملة حديثة، ولكن ToolAcre يرفضها تمامًا. لذلك لا يمكن لهذا المحرر إظهار سمة نمط "التسوية" الباقية أو التوصية بأحد أوضاع الإخراج الخاصة به. يظهر التصميم الوحيد المستقل في مستند المعاينة الذي تم إنشاؤه حول النص الذي تمت تصفيته HTML.
قد تتطلب السياقات الأخرى، وخاصة إنتاج البريد الإلكتروني، إعلانات مضمنة. يستدعي هذا المتطلب وجود مسار منفصل مع اختبار العميل وسياسة CSS. إن إضافة أسلوب تعسفي هنا من شأنه أن يتناقض مع القائمة المسموح بها الحالية ويوسع مسؤوليات المطهر دون أدلة أو اختبارات.
مثال عملي: تحديث مقتطف من التسعينيات - إعادة كتابة علامات علامة الخط باعتبارها دلالية HTML بالإضافة إلى فئة ومقارنة الاثنين
قم بتحديث `<center><font color="red"><b>Maintenance</b></font></center><p align="left">Tonight</p>` باختيار عنوان وفقرة حقيقيين. ToolAcre يقوم بإلغاء تغليف العرض التقديمي غير المدعوم، وتعيين b إلى قوي، وإزالة المحاذاة والاحتفاظ بـ p، ولكن لا يمكن استنتاج أن الصيانة يجب أن تكون h2.
أعد كتابة المعنى بشكل صريح كـ `<h2>Maintenance</h2><p>Tonight</p>`، ثم قم بإضافة فئات الوجهة المعتمدة أو قواعد ورقة الأنماط خارج المحرر. إذا كان المقصود من الأهمية داخل الجملة، قد تكون قوية مناسبة؛ إذا كان الخط العريض مجرد وزن للخط، فلا تحتفظ بالدلالات المضللة.
ما لا يغطيه هذا — CSS المناقشات المنهجية أو التصميم الخاص بإطار العمل
لا تقارن هذه المقالة بين منهجيات CSS أو أطر العمل أو فئات الأدوات المساعدة أو رموز التصميم المميزة. ولا يطالب بالتواريخ التاريخية للخط أو CSS أو انتقالات المعايير. كما أنه لا يقدم محولًا آليًا يمكنه استنتاج الأدوار الدلالية من العلامات المرئية القديمة.
التصفية ليست وسيلة وقائية عالمية XSS. إن الرمز المميز المكتوب بخط اليد لـ ToolAcre مقيد ويتم وضع معاينته بشكل منفصل في وضع الحماية. يحتاج الخادم الذي يقبل HTML القديم أو الذي أنشأه المستخدم إلى أداة تحليل قائمة على المحلل اللغوي واختبارات الترحيل وقائمة مسموح بها خاصة بالوجهة.
الوجبات الجاهزة: تعرف على سبب وجود القاعدة - يلخص السجل وكيف يساعد فحص المخرجات في محرر ToolAcre's HTML WYSIWYG على إبقاء العرض التقديمي خارج العلامات الخاصة بك
اعرف سبب الفصل بين البنية والعرض: يجب أن يظل المعنى قائمًا عند إعادة التصميم، بينما يجب التحكم في المظهر بشكل متسق. ToolAcre يفرض هذا الحد بقوة عن طريق إزالة كل من العرض التقديمي القديم والتصميم الحديث المضمّن أو المستند إلى الفصل من الأجزاء المنسوخة.
استخدم العرض المصدر لتحديد ما تم فقده، ثم قم باستعادة الدلالات يدويًا وقم بالنمط في الوجهة. قد لا تحافظ هذه العملية على المظهر القديم، ولكنها تنتج محتوى يسهل مراجعته وترحيله وتكييفه دون اتخاذ قرارات قديمة في كل موضوع مستقبلي.