يحتوي HTML5 على نوع مستند واحد بسيط فقط :<!DOCTYPE html> ، مما يعني أن المتصفح سيقوم بتحليله وفقًا للوضع القياسي.
يمكنك الآن استخدام مجموعة الأحرف في العلامات الوصفية: <meta charset=utf-8″ />
<link rel=stylesheet href=path/to/stylesheet.css /><script src=path/to/script.js></script>المزيد من العلامات الدلالية الجديدة
على سبيل المثال: <article>، <section>، <aside>، <hgroup>، <header>، <footer>، <nav>، <time>، <mark>، <figure> و<figcaption>، إلخ.
الفيديو والصوت<عرض الفيديو=640 ارتفاع=320 تحميل مسبق=ملصق تلقائي=0.jpg عناصر التحكم> <المصدر src=movie.ogg type=video/ogg /> <source src=movie.mp4 type=video/mp4 /> متصفحك لا دعم علامة الفيديو.</video>تعزيز النموذج
أنواع الإدخال الجديدة: اللون والبريد الإلكتروني والتاريخ والشهر والأسبوع والوقت والوقت والتاريخ المحلي والرقم والنطاق والبحث والهاتف وعنوان url
خصائص جديدة: مطلوب، التركيز التلقائي، النمط، القائمة، الإكمال التلقائي والعنصر النائب
عناصر جديدة: <keygen> و<datalist> و<output> و<meter> و<progress>
ترسم علامة اللوحة القماشية رسومات ثنائية الأبعاد.
var Canvas = document.getElementById('canvas');var context = Canvas.getContext('2d');context.beginPath();context.moveTo(100,100);context.lineTo(300,300);context.lineTo(100,500) ;context.lineWidth = 5;context.strokeStyle = red;context.stroke(); اكتساب الموقع الجغرافي دلالات HTML 1. ما هي دلالات HTML؟تحديد دلالات المحتوى من خلال العلامات، على سبيل المثال، تحديد المحتوى هو عنوان بناءً على علامة h1، تحديد المحتوى فقرة بناءً على علامة <p>، تحديد علامة <input> هي مربع إدخال، وما إلى ذلك.
2. لماذا الدلالات؟1). عند إزالة النمط أو فقدانه، يمكن أن تقدم الصفحة بنية واضحة.
2). مناسب للأجهزة الأخرى للتحليل (مثل قارئات الشاشة والقارئات العمياء والأجهزة المحمولة) لعرض صفحات الويب بطريقة ذات معنى.
3). يفضي إلى كبار المسئولين الاقتصاديين
4). إنه مناسب لتطوير الفريق وصيانته ويتبع معايير W3C لتقليل التمايز.
3. كيف تحدد ما إذا كانت علاماتك سليمة لغويًا؟قم بإزالة الأنماط ومعرفة ما إذا كانت بنية صفحة الويب منظمة بشكل جيد ولا تزال تتمتع بقابلية قراءة جيدة.
4. وحدات العلامات الدلالية المشتركةاستمارة
<form action=method=> <fieldset style=border: none> <legend style=display: none>نموذج تسجيل الدخول</legend> <p><label for=name>الحساب:</label><input type=text id =name></p> <p><label for=pw>كلمة المرور:</label><input type=password id=pw></p> <input type=submit name=Login class=subBtn> </fieldset></form>
يجب أن تكون حقول النموذج ملفوفة بعلامات مجموعة الحقول، ويجب استخدام علامة وسيلة الإيضاح لوصف الغرض من النموذج، ويجب أن يستخدم نص الوصف المطابق لكل علامة إدخال علامة التسمية، ويجب عمل الوصف عن طريق تعيين المعرف سمة الإدخال والإعداد لـ =someld في علامة التسمية يرتبط النص بالإدخال المقابل.
5. بعض الأمور التي يجب الانتباه إليها عند استخدام العلامات الدلاليةاستخدم أقل عدد ممكن من العلامات غير الدلالية div وspan؛
عندما لا تكون الدلالات واضحة، يمكنك استخدام div أو p. حاول استخدام p، لأن p يحتوي على مسافات علوية وسفلية افتراضيًا، وهو أمر مفيد للتوافق مع المحطات الطرفية الخاصة؛
لا تستخدم علامات نمط خالصة، مثل: b، وfont، وu، وما إلى ذلك، واستخدم إعدادات CSS بدلاً من ذلك.
يمكن تضمين النص الذي يحتاج إلى التركيز في العلامة strong أو em. النمط الافتراضي للـ strong هو غامق (لا تستخدم b)، وem مائل (لا تستخدم i).
تلخيصما ورد أعلاه هو العلامة الدلالية لميزة HTML5 الجديدة التي قدمها لك المحرر، وآمل أن تكون مفيدة لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!