أدوات المطورين · محرر HTML WYSIWYG
strong vs b وem vs i: لماذا يعتبر الدلالي المضمن HTML مهمًا للمحررين
· لماذا يهم
أتش تي أم أل إمكانية الوصول contenteditable
يشرح الفرق العملي بين العناصر المضمنة الدلالية والعرضية، وما تفعله التكنولوجيا المساعدة ومحركات البحث بها، وكيفية التحقق مما يصدره محررك.
ليس للخط العريض أهمية دائمًا - اختر المعنى قبل المظهر
قد يكون رمز المنتج غامقًا فقط حتى يتمكن القراء من العثور عليه بسرعة؛ وقد يكون التحذير قويا لأن أهميته تعود إلى معنى الجملة. يمكن أن تبدو هاتان النوايا متشابهتين في ورقة الأنماط الافتراضية. يؤدي الاختيار من المظهر فقط إلى جعل العلامة غامضة عندما يتغير CSS أو عندما يستهلك قارئ آخر البنية.
يقوم شريط أدوات ToolAcre بتسمية إجراءاته بالخط العريض والمائل، بينما يقوم المطهر بتطبيع العناصر القديمة b وi إلى strong وem. يعد هذا افتراضيًا مفيدًا للنثر المشدد، لكن لا يزال يتعين على المحرر أن يقرر ما إذا كانت الكلمات المختارة تحمل حقًا أهمية أو تأكيدًا بدلاً من الزخرفة.
ما تقوله مواصفات HTML اليوم - يلخص المعنى الحالي لـ strong وem وb وi
يمثل القوي أهمية قوية أو جدية أو إلحاحًا؛ يمثل em التركيز على الضغط الذي يمكن أن يؤثر موضعه على التفسير. يمكن للعنصر b أن يلفت الانتباه دون إضافة أهمية، بينما يمكنني وضع علامة على النص المخالف للنثر المحيط، مثل المصطلح أو الصوت أو الاصطلاح، دون التأكيد على التركيز.
الدرس العملي ليس أن العلامتين محظورتان. وهو أن التشابه البصري لا يمحو الاختلافات الدلالية. يختار الإخراج الضيق لـ ToolAcre القوة والقوة، لذا فإن المحتوى الذي يتطلب مجرد إزاحة أسلوبية قد يحتاج إلى مراجعة أو سير عمل وجهة مختلفة بدلاً من إمكانية شريط الأدوات المبتكر.
قد تعرض التكنولوجيا المساعدة الدلالات بشكل مختلف؛ لا يثبت هذا المستودع أي إعلان
يمكن أن تستخدم التقنيات المساعدة دلالات العناصر، لكن المعالجة المنطوقة الدقيقة تختلف حسب المنتج والوضع وتكوين المستخدم. لا يحتوي المستودع على مجموعة توافق قارئ الشاشة، لذا لا تعد هذه المقالة بأنه سيتم الإعلان عن الصوت القوي دائمًا بصوت معين أو أن الصوت سيظل صامتًا دائمًا.
لا تزال البنية مهمة لأنها توفر معلومات برمجية يفتقر إليها النطاق المصمم. اختبار الصفحات التمثيلية باستخدام التقنيات المساعدة في سياسة الدعم الخاصة بك. العنصر الدلالي يخلق فرصة للتفسير الهادف؛ فهو لا يضمن تأثيرًا مسموعًا عالميًا واحدًا في كل بيئة.
تأثيرات البحث خارجة عن أدلة هذا المحرر؛ لا تزال الدلالات تعمل على تحسين بنية المستند
يمكن لمحركات البحث تحليل بنية المستند، ومع ذلك لا يوجد مصدر محلي يثبت تغيرات الترتيب من تبديل b إلى قوي. تجنب تحويل HTML الدلالي إلى صيغة SEO. تعتمد إمكانية رؤية البحث على المحتوى والروابط وإمكانية الوصول التقنية والعديد من الأنظمة خارج هذا المحرر.
السبب الذي يمكن الدفاع عنه لاستخدام علم الدلالات هو الوضوح وقابلية التشغيل البيني. يمكن للمؤلفين والمتصفحات والتحويلات النهائية تحديد الأهمية أو التركيز المقصود دون إجراء هندسة عكسية لإعلان النمط. يجب وصف أي نتيجة بحث فقط مع الأدلة من النظام الأساسي ذي الصلة، وليس الاستدلال عليها من زر التنسيق المحلي.
القوائم التي هي في الواقع قوائم — تعمل على توسيع الوسيطة إلى <ul> و<ol> مقابل الشرطات والترقيم اليدوي
ويمتد نفس المبدأ إلى القوائم. ثلاثة أسطر تبدأ بالواصلات هي نص عادي، بينما يمثل ul وli مجموعة من العناصر النظيرة. الأحرف الرقمية المكتوبة قبل الفقرات لا تعادل ol، الذي يعد تسلسله وقيمة البداية الاختيارية جزءًا من البنية.
ToolAcre يعرض أوامر القائمة ذات التعداد النقطي والرقمي ويسمح لـ ul وol وli من خلال مرشحه. يمكن أن يختلف سلوك أوامر المتصفح، خاصة فيما يتعلق بالتداخل، لذا افحص المصدر بعد إنشاء القائمة. لا تعفي دلالات القائمة الصحيحة التسميات المفقودة أو الترتيب المربك أو العمق غير المدعوم في الوجهة.
مثال عملي: ToolAcre يعين b إلى strong وi إلى em أثناء التصفية
اكتب "إيقاف النشر قبل تغيير المخطط"، وحدد "إيقاف النشر"، ثم اضغط على Bold. قد يقوم أمر المتصفح في البداية بإنشاء b، لكن خريطة الاسم المستعار للمطهر تنبعث بقوة. يتبع الخط المائل نفس النمط من i إلى em. يكشف وضع المصدر عن النتيجة الطبيعية.
الآن حدد تسمية المنتج التي يتم تمييزها بشكل مرئي فقط. لا تحتوي ToolAcre على عنصر تحكم في الانتباه يعتمد على الفئة ب فقط، ولا يتم إدراج العلامة في القائمة المسموح بها إلا من خلال تحرير المصدر المباشر بدلاً من مطالبة شريط الأدوات. قرر ما إذا كان القوي دقيقًا أم لا؛ إذا لم يكن الأمر كذلك، فاستخدم التصميم الخاص بالوجهة خارج سير العمل المقيد هذا.
ما لا يغطيه هذا — ARIA السمات، أو عمليات تدقيق إمكانية الوصول الكاملة أو بنية العنوان، والتي يتم تناولها بشكل منفصل
لا تتناول هذه المقالة ARIA أو التدقيق الكامل لإمكانية الوصول أو التسلسل الهرمي للعناوين أو السلوك الدقيق لمحرك البحث. كما أنها لا تدعي أن كل عنصر مضمّن في القائمة المسموح بها يحتوي على عنصر تحكم في شريط الأدوات. يمكن أن يحتفظ الوضع المصدر بـ u وs وsub وsup وmark وsmall وcode وkbd وsamp وvar وabbr عندما تكون صالحة، لكن الأوامر المرئية تكشف خيارات أقل.
لا تؤدي تصفية العلامات الدلالية إلى تطهير التعسفي HTML للنشر. يحتوي الرمز المميز لـ ToolAcre على قيود واضحة على المحلل التفاضلي. يحتاج الخادم الذي يقدم عمليات إرسال غير موثوقة إلى أداة تعقيم وسياسة مناسبة تعتمد على المحلل اللغوي، في حين يجب أن تقوم مراجعة إمكانية الوصول بفحص الوجهة النهائية بدلاً من هذه المعاينة المعزولة وحدها.
الوجبات الجاهزة: قم بتنسيق المعنى، ثم تحقق - يلخص العادة وكيف يكشف محرر ToolAcre HTML WYSIWYG عن العناصر الدقيقة التي تم إنتاجها
قم بصياغة المعنى ثم فحصه. تكون القوة والقوة ذات قيمة عندما يحتوي النثر حقًا على أهمية وتأكيد؛ فهي ليست بدائل عالمية لكل صورة مرئية بالخط العريض أو المائل. ToolAcre يجعل اختياره مرئيًا من خلال كشف HTML بعد كل إجراء.
استخدم عنصر التحكم المرئي للصياغة، ووضع المصدر للتحقق، والوجهة CSS للمظهر. عندما لا يحتوي العرض التقديمي المطلوب على عنصر دلالي دقيق، فلا تفرض علامة مضللة لمجرد أنها تشبه التصميم. الحفاظ على نية المؤلف في نظام قادر على تمثيلها.