Semantic HTML تعني استخدام العناصر التي تصف المعنى من محتواها وليس فقط مظهرها. <nav> تقول "هذا هو التنقل"؛ <button> تقول "هذا قابل للنقر" — بينما <div> لا تقول شيئًا.
html
Home
Home
يمكن تنسيق كليهما بطريقة متطابقة، لكن فقط الثاني يُفهم من قبل المتصفحات وقارئات الشاشة ومحركات البحث.
<header> و <nav> و <main> و <footer>، مما يسمح للمستخدمين بالقفز بين المناطق. جدار من <div>s لا يعطيهم شيئًا.<h1> و <article> و <main> وتفهم هيكل الصفحة.<button> قابلة للتركيز وقابلة للتفعيل بلوحة المفاتيح (Enter/Space) وتُعلن كزر — <div onclick> ليست كذلك إلا إذا أعدت إضافتها بنفسك.<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
القاعدة الذهبية: ابحث عن العنصر الذي يعني ما تقصده، واستخدم فقط <div>/<span> كحاويات تنسيق عندما لا يناسب أي عنصر دلالي.
إنها أرخص فوز في الوصول و SEO يمكنك تحقيقه.
مكتبة من أسئلة مقابلات تقنية المعلومات مع إجابات مفصّلة — من المبتدئ إلى المتقدم.
تبرع