علم الدلالة هو دراسة معنى الكلمات والعبارات في اللغة. العنصر الدلالي = العنصر الذي له معنى. يصف العنصر الدلالي بوضوح ما يعنيه للمتصفحات والمطورين. أمثلة على العناصر غير الدلالية ：<div>和<span>- لا يُعرف أي شيء عن محتواها. أمثلة على العناصر الدلالية: <form> و<table> و<article> - تحدد محتواها بوضوح. تدعم جميع المتصفحات الحديثة عناصر HTML5 الدلالية.
تحتوي العديد من مواقع الويب على كود HTML مثل ：<div id =nav> <div class =header> <div id =footer> للإشارة إلى التنقل والرؤوس والتذييلات. يوفر HTML5 عناصر دلالية جديدة لتحديد أجزاء مختلفة من صفحة الويب:
<المادة><جانبا><التفاصيل><figcaption><الشكل><التذييل><الرأس><الرئيسي><العلامة><التنقل><القسم><الملخص><الوقت>عنصر <قسم> HTML5
يحدد العنصر <section> قسمًا من المستند. وفقًا لوثائق HTML5 الخاصة بـ W3C: القسم عبارة عن تجميع موضوعي للمحتوى، عادةً مع عنوان. يمكن عادةً تقسيم الصفحات الرئيسية إلى عدة أقسام للمقدمة والمحتوى ومعلومات الاتصال.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java هي لغة برمجة كمبيوتر مستخدمة على نطاق واسع مع ميزات برمجة عامة ومتعددة المنصات وموجهة للكائنات ويتم تطبيقها على المؤسسات - تطوير تطبيقات الويب على المستوى وتطوير تطبيقات الهاتف المحمول. </p> </section> <section> <h1>PHP</h1> <p>PHP (الاسم الكامل: PHP: المعالج المسبق للنص التشعبي، أي PHP: المعالج المسبق للنص التشعبي) هي لغة برمجة كمبيوتر مفتوحة المصدر للأغراض العامة بشكل خاص مناسبة لتطوير الويب ويمكن تضمينها في HTML. </p> </section> </body> </html>عنصر <article> في HTML5
يحدد العنصر <article> المحتوى المضمن المستقل. يجب أن يكون المقال منطقيًا في حد ذاته ويجب أن يكون قابلاً للقراءة بشكل مستقل عن بقية الموقع. أمثلة على الأماكن التي يمكن فيها استخدام عنصر <article>:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java هي لغة برمجة كمبيوتر مستخدمة على نطاق واسع مع ميزات برمجة عامة ومتعددة المنصات وموجهة للكائنات ويتم تطبيقها على المؤسسات - تطوير تطبيقات الويب على المستوى وتطوير تطبيقات الهاتف المحمول. </p> </article> </body> </html>HTML5 <header> العنصر
يحدد العنصر <header> رأس الملف أو القسم. يجب استخدام عنصر <header> كحاوية للمحتوى التمهيدي. يمكنك تضمين عناصر متعددة في <header>. يحدد المثال التالي عنوان المقالة:
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>ما هي Java:</p> </header> <p>Java عبارة عن جهاز كمبيوتر يستخدم على نطاق واسع لغة برمجة ذات ميزات برمجة عامة ومتعددة المنصات وموجهة للكائنات، وتستخدم على نطاق واسع في تطوير تطبيقات الويب على مستوى المؤسسة وتطوير تطبيقات الهاتف المحمول. </p> </article> </body> </html>عنصر <تذييل> HTML5
يحدد عنصر <footer> ملفًا أو تذييلًا جزئيًا. يجب أن يحتوي عنصر <footer> على معلومات حول الوحدة التي تحتوي عليه. يحتوي التذييل عادةً على مؤلف المستند ومعلومات حقوق الطبع والنشر ورابط لشروط الاستخدام ومعلومات الاتصال وما إلى ذلك. يمكن أن يكون لديك عناصر متعددة داخل <footer>.
<!DOCTYPE html> <html> <body> <footer> <p>حقوق النشر</p> <p>معلومات الاتصال: <a href=mailto:[email protected]> [email protected]</a> . </p> </footer> </body> </html>HTML5 عنصر <التنقل>
يحدد العنصر <nav> مجموعة من روابط التنقل.
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> | <a href=#>jQuery</a> </nav> </body> </html>عنصر HTML5 <aside>
يحدد العنصر <aside> بعض المحتوى من المحتوى الذي تم وضعه عليه (مثل الشريط الجانبي). يجب أن يكون المحتوى <aside> هو المحتوى المحيط.
<!DOCTYPE html> <html> <body> <p>جافا هي لغة برمجة كمبيوتر مستخدمة على نطاق واسع مع ميزات برمجة عامة ومتعددة المنصات وموجهة للكائنات، وتُستخدم على نطاق واسع في تطوير تطبيقات الويب وتطبيقات الهاتف المحمول على مستوى المؤسسات تطوير. . </p> <aside> <h4>PHP</h4> <p>PHP هي أفضل لغة في العالم. </p> </aside> </body> </html>تلخيص
ما ورد أعلاه هو عناصر دلالية HTML5 التي قدمها المحرر. هل استخدمتها بشكل صحيح حقًا؟ آمل أن تكون مفيدة لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!
إذا كنت تعتقد أن هذه المقالة مفيدة لك، فنحن نرحب بإعادة طبعها، يرجى الإشارة إلى المصدر، شكرًا لك!