Semantic Web من المفاهيم الجديدة التى ظهرت فى HTML5 , ولكى نفهم هذه الخاصية الجديدة نتعرف اولًا على المشكلة التى حلت بسببه , محركات البحث مثل جوجل تنشر ما يسمى بالعناكب Crawler فى كل مكان فى مواقع الويب , وظيفة هذه العناكب هى جمع المعلومات عن محتوي الصفحات التى تزورها حتى تظهر نتائج مناسبة لمن يبحث عن شئ موجود فى هذه الصفحات , كانت المشكلة ان هذه العناكب لا تفهم صفحات الويب بطريقة صحيحة بمعنى انها لا تعرف اين الهيدر الخاص بالصفحة واين المقال والفوتور واين اسم الكاتب وغيرها من المعلومات , وهذه المعلومات تفيد بالطبع فى ارشفة الصفحة واظهار النتائج بشكل صحيح لمستخدم محرك البحث .
وأليكم الوسوم الجديدة فى HTML5 التى تخدم فكرة Semantic :
<article> : يدل على المقالة
<aside> : يدل على الشريط الجانبى
<details> : يدل على المزيد من المعلومات التى يمكن للمستخدم اظهارها او اخفاءها
<figcaption> : وصف للرسوم والصورة التوضيحية
<figure> : صور توضيحية
<footer> : ذيل الصفحة او القطاع Section
<header> : رأس الصفحة او القطاع Section
<main> : يدل على المحتوي الرئيسي للصفحة
<mark> : يدل على نص مميز فى الصفحة
<nav> : يدل على شريط Navigation او التصفح فى الموقع
<section> : يعرف قطاع فى الصفحة
<summary> : يعرف الجزء الظاهر من <details>
<time> : يعرف الوقت والتاريخ
وكل واحد من اسمه يدل على وظيفته فى ابراز ماهية ما بدخله .
