📍 عناصر HTML Semantic واهمية استخدامها 🔥
👇👇
👇👇
ماهي Semantic HTML ؟
نقصد بها العناصر الدلالية وهي تصف العناصر وتقسيمها بالصفحة بشكل واضح للمتصفح والمطور .
من الأمثلة على العناصر الدلالية (Semantic) <form>, <table>, و <article> .
والغير دلالية non-semantic مثل <div> و<span> .
نقصد بها العناصر الدلالية وهي تصف العناصر وتقسيمها بالصفحة بشكل واضح للمتصفح والمطور .
من الأمثلة على العناصر الدلالية (Semantic) <form>, <table>, و <article> .
والغير دلالية non-semantic مثل <div> و<span> .
فوائد ولماذا تستخدم Semantic HTML ؟
استخدامك لعناصر Semantic HTML يساعد على :
كود مرتب وسهل القراءة والتعديل .
سهولة الوصول للعناصر وتعديلها .
يعطي بنية صحيحة للصفحة .
يساعد على تحسين التهيئة لمحركات البحث SEO .
استخدامك لعناصر Semantic HTML يساعد على :
كود مرتب وسهل القراءة والتعديل .
سهولة الوصول للعناصر وتعديلها .
يعطي بنية صحيحة للصفحة .
يساعد على تحسين التهيئة لمحركات البحث SEO .
عناصر ومكونات Semantic HTML
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
استخدام وتوزيع مكونات Semantic HTML بالصفحة
استخدام Semantic HTML
يجب استخدام كل عناصر بمكانه المناسب مثلا <header> يتم استخدامه بأعلى الصفحة ليتضمن الشعار وعنوان الموقع .
<article> يتم استخدامه لعرض مجموعة من التدوينات او المنتجات , و <footer> يستخدم لتذييل او اسفل الصفحة ,وهكذا لبقية العناصر ...
يجب استخدام كل عناصر بمكانه المناسب مثلا <header> يتم استخدامه بأعلى الصفحة ليتضمن الشعار وعنوان الموقع .
<article> يتم استخدامه لعرض مجموعة من التدوينات او المنتجات , و <footer> يستخدم لتذييل او اسفل الصفحة ,وهكذا لبقية العناصر ...
جاري تحميل الاقتراحات...