التعليق: يركز HTML5 على المحتوى والبنية ، ولكن ليس على الأداء ؛ قام HTML5 بتبسيط المزيد من العبارات والعلامات. فيما يلي مثال بسيط على HTML5 ، والذي يمكنك الرجوع إليه.
(1) التغييرات في المفاهيم:يركز HTML5 على المحتوى والبنية ، ولكن ليس على الأداء
<header>
<hgroup> البيانات المتعلقة بالملاحة </hgroup>
</header>
<v> قائمة </nav>
<article>
<h1> العنوان: HTML5 Special Video Tutorial </h1>
(2) بيان وتسمية:
قامت HTML5 بتبسيط المزيد من الإعلانات والعلامات ، كما قدمت أحكامًا مفصلة حول التوافق ، وإلغاء بعض العناصر وإضافة بعض العناصر.
مقدمة إلى بناء جملة علامة HTML5 وعلامات جديدة
1. علامة بناء الجملة:
(1) علامات نهاية الأحرف التي لا يُسمح بالكتابة: المنطقة ، Basebbr ، Col ، Command ، Embed ، HR ، IMG ، IMP ، Keygen ، Link ، Meta ، Param ، Source ، Track ، WBR
(2) يمكن حذف علامات الأحرف النهائية: LI ، DT ، DD ، P ، RT ، Optgroup ، Option ، Colgroup
(3) العلامات التي يمكن حذفها بالكامل: HTML ، Head ، Body ، Colgroup ، tbody
2. العلامات المضافة:
<article> علامات لتحديد مقال
<جانب جانب> علامات الشريط الجانبي الذي يحدد جزء المحتوى من الصفحة
<Oudio> العلامة تحدد محتوى الصوت
<Canvas> صورة تعريف العلامة
<Comment> العلامة تحدد زر الأوامر
<stalist> العلامة تحدد قائمة منسدلة
<rection> العلامة تحدد تفاصيل عنصر ما
<iarog> العلامة تحدد مربع حوار (مربع الجلسة)
<mbed> العلامات تحدد المحتوى التفاعلي الخارجي أو المكون الإضافي
<GINGE> العلامات تحدد مجموعة من محتوى الوسائط وعناوينها <TOTER> العلامات تحدد أسفل الصفحة أو المنطقة
<header> العلامة تحدد رأس الصفحة أو المنطقة
<hgroup> علامات المعلومات ذات الصلة حول كتلة في ملف التعريف
تحدد العلامة <Keygen> قيمة مفتاح تم إنشاؤه في النموذج
<mark> علامات تحدد النص الموسومة
<meter> قياس تعريف العلامة داخل ApredefinedRange
<nav> ارتباط التنقل في تعريف العلامة
يحدد <Output> علامة بعض أنواع الإخراج
<vorder> علامات على عملية تحديد المهام
<rp> يتم استخدام العلامة في Rubyannotations لإخبار المتصفحات التي لا تدعم عناصر Ruby كيفية عرضها
<rt> تفسير تعريف العلامة لترشيح Rubyannotations
<Ruby> العلامة تحدد Rubyannotations.
<section> العلامة تحدد المنطقة
<Source> العلامة تحدد موارد الوسائط
<time> العلامة تحدد تاريخ/الوقت
<vide> العلامة تعرّف مقطع فيديو
HTML5 مثال بسيط
<! doctype html>
<head>
<meta charset = utf-8>
<title> موقع php100 الصيني html5 الموضوع </title>
<type type = "text/css">
رأس ، NAV ، مقال ، تذييل {الحدود: Solid 1px #666 ؛ Padding: 5px}
رأس {العرض: 500px}
Nav {Float: Left ؛ Width: 60px ؛ الارتفاع: 200 بكسل}
المادة {تعويم: اليسار ؛ العرض: 428px ؛ الارتفاع: 200 بكسل}
تذييل {واضح: كلاهما ؛ العرض: 500px}
</style>
<script type = "text/javaScript">
document.createElement ('article') ؛
document.CreateElement ('nav') ؛
document.createElement ('header') ؛
</script>
</head>
<body>
<header>
<hgroup> البيانات المتعلقة بالملاحة </hgroup>
</header>
<v> قائمة </nav>
<article>
<h1> HTML5 تعليمي فيديو خاص </h1>
تاريخ الإصدار: <time> 09:00 </time>
<time dateTime = "2013-2-10"> Spring Festival </time>
<p> المحتوى المتعلق بالاختبار </p>
</article>
<Tower>
<address> العنوان </address>
</tower>
</body>
</html>