HTML 5 هو معيار ويب جديد يهدف إلى استبدال معايير HTML 4.01 وXHTML 1.0 وDOM Level 2 HTML الحالية. ويأمل في تقليل حاجة المتصفح إلى تطبيقات الإنترنت الغنية القائمة على المكونات الإضافية (RIA)، مثل Adobe Flash وMicrosoft Silverlight وSun JavaFX. يوفر HTML 5 عددًا من العناصر والسمات الجديدة التي تعكس الاستخدام الحديث النموذجي لمواقع الويب. بعضها متشابه من الناحية الفنية والتسميات ولكن لها معنى معين، على سبيل المثال.
(كتلة التنقل في الموقع) و
. ستعمل هذه العلامات على تسهيل فهرسة محركات البحث وأجهزة الشاشات الصغيرة واستخدامها من قبل ضعاف البصر. وفي الوقت نفسه، يتم توفير وظائف جديدة لعناصر التصفح الأخرى من خلال واجهة قياسية، مثل و
علامة.
<header style=text-align: center; color: blue;>مرحبًا بك في مسار تعلم Html5، أنا علامة الرأس. </header>
هذه قائمة بيانات للعلامات تحدد قائمة من الخيارات. تهدف هذه الوظيفة إلى دمج مربع النص مع علامة التحديد.
<نوع الإدخال=قائمة النص=الهاتف>
<معرف قائمة البيانات=الهاتف>
<خيار></خيار>
<الخيار>آيفون</option>
<الخيار>هواوي</option>
<الخيار>شاومي</option>
<خيار>سامسونج</option>
</datalist>
<font color=red>هنا اكتشفت اختلافًا بين الاثنين. سيكون لدى Datalist محتوى القائمة المنسدلة المحدد الخاص به فقط عندما يكون مربع الإدخال فارغًا!</font>
<br/>
وسيكون مربع خيار التحديد هذا موجودًا بغض النظر عن المحتوى.
<حدد>
<خيار>آيفون</option>
<الخيار>هواوي</option>
<الخيار>شاومي</option>
<خيار>سامسونج</option>
</حدد>
--------------------------
<br><br><br>
هذه علامة تحدد تفاصيل المستند. علامة التفاصيل. وظيفتها الرئيسية بسيطة.
<التفاصيل>
<summary>هذه علامة تفاصيل، وإليك كيفية استخدامها</summary>
<p>ما هي علامة التفاصيل؟ </ص>
<p>ما الذي تفعله علامة التفاصيل؟ </ص>
<p>ما الذي يمكن أن تفعله علامة التفاصيل؟ </ص>
<p>كيف يمكنني استخدام علامة التفاصيل؟ </ص>
</التفاصيل>
<ر>
غالبًا ما يتم استخدام علامة التفاصيل مع علامة الملخص. على سبيل المثال، هذه العلامة هي علامة مميزة <mark>mark</mark> بنسب مختلفة.
<br><br>
العلامة التالية هي علامة قائمة التعريف. قائمة طعام.
<القائمة>
<li>رحلة إلى الغرب</li><li>الهامش المائي</li><li>حلم القصور الحمراء</li><li>رومانسية الممالك الثلاث</li>
</القائمة>
<br><br>
نحن نستخدم تسميات شريط التقدم في كثير من الأحيان. مثل هذا.
<mark>التقدم</mark>
<progress value=5 max=10>القيمة=5 max=10</progress>
<ر>
<audio src= عناصر التحكم=عناصر التحكم في التشغيل التلقائي=حلقة التشغيل التلقائي=حلقة></audio>
<footer>أنا علامة التذييل السفلي</footer>
تلخيص
ما ورد أعلاه هو علامات HTML5 الجديدة التي قدمها المحرر وآمل أن تكون مفيدة لك. إذا كانت لديك أي أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!