1. الخطوة الأولى: افتح أداة التطوير وفتح المجلد المحدد ؛
2. الخطوة 2: حفظ ملف index.html إلى القرص ، .html هو لاحقة ويب ؛
3. الخطوة 3: ابدأ في كتابة التنسيق الأساسي لـ HTML5.
<! 1. <head> // بما في ذلك بدء بيانات الوثيقة الوثيقة للبدء <meta charset = utf-8> // declars تشفير حرف </title> // تعيين عنوان المستند </head> // <body> // يعني محتوى من مستندات html <a href = http://www.baidu.com> baidu </a> // عنصر ارتباط تشعبي (علامة) </body> // يشير إلى html </html> ///التعبير عن نهاية html وثيقةاثنين. تحليل هيكل الوثيقة 1.DOCTYPE
إعلان نوع المستند (إعلان نوع المستند ، المعروف أيضًا باسم Doctype). يخبر المتصفح بشكل أساسي
نوع الملف للعرض. في HTML4.01 و XHTML 1.0 السابق ، يشير إلى إصدار HTML المحدد والأناقة.
الآن لا يحتاج HTML5 إلى تمثيل الإصدار والأناقة.
<doctype html> //
2.HTML عنصربادئ ذي بدء ، يعني العنصر التسمية ، وعنصر HTML هو تسمية HTML. عناصر HTML هي عناصر تبدأ وإنهاء الوثيقة. إنه ملصق مزدوج ، ردد وذيل ، بما في ذلك المحتوى.
هذا العنصر له سمة وقيمة: Lang = Zh-CN ،
وهذا يعني أن المستند يستخدم اللغة: صينية مبسطة.
<html lang = zh-cn> // إذا كانت الإنجليزية ، فهي en '
الصفحة الصينية المبسطة: HTML LANG = ZH-CMN-HANS
الصفحة الصينية التقليدية: HTML lang = ZH-CMN-HANT
الصفحة الإنجليزية: html lang = en
3. رأس العنصرتستخدم لتضمين محتوى البيانات الوصفية ، وتشمل بيانات البيانات الوصفية: <ink> ، <TECA> ، <noscript> ، <script> ، <script> ،
<style> ، <title>. تُستخدم هذه المحتويات لتوفير معلومات للمتصفحات ، مثل Link يوفر معلومات CSS ، البرنامج النصي
توفير معلومات JavaScript ، يوفر العنوان عنوان الصفحة.
<head> ... </head> // هذه المعلومات غير مرئية على الصفحة
يتم استخدام عناصر <Noscript> لتحديد المحتوى البديل (النص) عند عدم تنفيذ البرنامج النصي.
يمكن استخدام هذه العلامة للتعرف على المتصفح الذي يمكنه التعرف على تسمية <script> ولكن لا يمكنه دعم البرنامج النصي.
4. عنصر التعريفيتم استخدام هذا العنصر لتوفير معلومات حول الوثائق. يعبر
أخبر صفحة المتصفح ما هي الرموز المستخدمة. بالطبع ، يتم الحفاظ على الملف
UTF8 ، والمتصفح يضبط أيضًا UTF8 لعرض اللغة الصينية بشكل صحيح.
<meta charset = utf-8> // بالإضافة إلى تحديد الرموز ، هناك آخر
5. عنصرهذا العنصر بسيط للغاية ، كما يوحي الاسم: اضبط العنوان في الركن الأيسر العلوي من المتصفح.
<title> الهيكل الأساسي </title>
6. عنصر العنصرالعناصر المستخدمة لاحتواء محتوى المستند ، أي جزء المنطقة من المتصفح. يجب أن يكون كل المحتوى المرئي هنا
أضف العناصر داخليًا.
<body> ... </body>
7.A عنصرسيناقشها الارتباط التشعبي بالتفصيل لاحقًا.
<a href = http://www.baidu.com> baidu </a>
ثلاثة. مناقشة الملصقات العنصريةHTML هي لغة علامة ، وقد ناقشنا بالتفصيل الهيكل الآن. هنا ، دعونا نحلل هذه مرة أخرى
غالبًا ما تسميها الملصقات أو الملصقات ما يتكون من أشياء كعناصر كتابة.
1. العناصرالعناصر هي مجموعة من الملصقات التي تخبر المتصفح كيفية التعامل مع بعض المحتوى. كل عنصر لديه كلمة رئيسية ، مثل
<Body> ، <title> ، <TECA> هي عناصر. تمثل أسماء الملصقات المختلفة معاني مختلفة ، وسوف تتضمن علامات الفقرات ، علامات النص ، ملصقات الارتباطات ، ملصقات الصور ، إلخ.
تنقسم العناصر عمومًا إلى نوعين: علامات مفردة (عناصر الهواء) والعلامات المزدوجة. يتم استخدام الملصق المفرد بشكل عام لإعلان أو إدراج يوان معين
على سبيل المثال ، يتم استخدام تشفير الأحرف للبيان <meta> ، ويتم إدراج <img> في الصورة ؛ P> ... </p>.
2. الخصائص والقيمبالإضافة إلى تقسيم واحد ومزدوج ، يمكن تعيين السمات والقيم الداخلية للعنصر. يتم استخدام قيم السمات هذه لتغيير العناصر
يمثل. على سبيل المثال ، الارتباطات التشعبية: <a> سمات HREF ، استبدل عنوان URL الذي يمكنك ربطه بمواقع الويب المختلفة.
أربعة. كيانيتم عرض كيان HTML بواسطة أحرف المعنى الخاص من خلال الكود الفعلي.
عرض نتائج اسم الكيان لوصف رقم الكيان
فضاء
<<<<<<< 2
>> أكبر من العدد
& و والرقم
علامات اقتباس
'' ''
￠ ¢ ¢
镑 镑 £ £
圆 圆 ¥ ¥ ¥
元 元 يورو
§ § مهرجان صغير
权 权 © حقوق الطبع والنشر
علامة تجارية ® ® ®
علامة تجارية ™ ™ ™
× × × رقم الضرب
÷ ÷ باستثناء الرقم
5. التسمية الهيكلية الجديدةعنصر المادة
يمثل محتوى مستقلًا غير مرتبط بالسياق في الصفحة. على سبيل المثال ، مقال ، منشور مدونة ، منشور منتدى ، يمكنك استخدامه
عنصر القسم
يمثل كتلة محتوى في الصفحة ، مثل الفصول أو الرأس أو تذييل أو أجزاء أخرى من الصفحة. يمكن استخدامه مع H1 و H2 ... والعناصر الأخرى للإشارة إلى بنية المستند. مثال: <section> ... </section> ؛
جانبا العنصر
التعبير عن المعلومات المساعدة المتعلقة بمحتوى عنصر المقالة بالإضافة إلى محتوى عنصر المقالة.
عنصر الرأس
يمثل عنوان كتلة المحتوى أو صفحة حقيقية في الصفحة.
عنصر Hgroup
أشر إلى مزيج من كتلة العنوان في الصفحة أو الصفحة الحقيقية.
عنصر تذييل
يشير إلى حاشية كتلة المحتوى في الصفحة أو الصفحة بأكملها. بشكل عام ، سيتضمن اسم المبدع والتاريخ الإبداعي ومعلومات الاتصال الخاصة بالمبدع.
عنصر NAV
يمثل جزء الرابط التنقل في الصفحة.
عنصر الشكل
يشير إلى وجود قسم من محتوى الدفق المستقل ، والذي يمثل عمومًا وحدة مستقلة في محتوى المستند. استخدم عنصر Figcaption لإضافة عنوان إلى مجموعة عنصر الرقم. على سبيل المثال:
<GINGE> <IGCAPTION> PRC </isigcaption> <p> ولدت جمهورية الصين في Peopele في عام 1949 </p> </gession>خمسة. بيانات التعريف
يمكن لعناصر <meta> تحديد بيانات التعريف المختلفة في المستند ، ويمكن أن تحتوي صفحة HTML واحدة
عنصر.
1. حدد زوج البيانات الوصفية الاسم/القيمة<name meta = uptor content = bnbbs> <meta name = description content = this is a html5 page> <meta name = keywords content = Html5 ،
وصف اسم البيانات الحضرية الوصف
مؤلف صفحة المؤلف الحالية
وصف الصفحة الحالية للوصف
كلمات رئيسية الصفحة الحالية الكلمة الرئيسية
أداة الترميز للصفحة الحالية للمولد
2. إعلان ترميز الشخصية<meta charset = utf-8>
3. محاكاة حقل رأس HTTP// 5 ثوان قفز إلى عنوان URL المحدد <meta http-equiv = محتوى التحديث = 5 ؛ >
وصف قيمة السمة
تحديث إعادة تحميل الصفحة الحالية ، أو يحدد عنوان URL. الوحدة الثواني.
نوع المحتوى طريقة أخرى لإعلان ترميز الأحرف
ستة. السمة العالميةقبل ذلك ، أوضحت العناصر التي شاركناها بياناتها المحلية ، وبالطبع نعرف أيضًا بعض السمات العالمية ، مثل
بطاقة تعريف. السمات العالمية هي السلوك الشائع لجميع العناصر.
السمة 1.ID<p id = abc> الفقرة </p>
Explanation: تخصص سمة المعرف معرفًا فريدًا للعنصر. عادة ما يستخدم هذا المعرف لإعطاء CSS و JavaScript
استدعاء عنصر التحديد. لا يوجد سوى نفس اسم المعرف مرة واحدة.
2. سمة class<p class = abc> الفقرة </p> <p class = abc> الفقرة </p> <p class = abc> paragraph </p>
Explanation: يتم استخدام سمة الفصل لتصنيف العناصر. تعيين CSS -مثل في نفس الوقت من خلال عنصر واحد أو أكثر في المستند
وضع.
3. سمة Accesskey<نوع الإدخال = اسم النص = user accountkey = n>
Explanation: عملية الاختصار ، المفتاح المحدد ALT+تحت Windows ، فرضية أن المتصفح Alt لا يتعارض.
4. السمة المقبولة<p contateded = true> هل يمكنني تعديل </p>
Explanation: اسمح للنص في حالة قابلة للتحرير. أو مباشرة
اضبط السمة.
5.DIR السمة<p dir = rtl> نص إلى اليمين </p>
Explanation: دع النص من اليسار إلى اليمين (LTR) ، أو من اليمين إلى اليسار (RTL).
6. سمة هيدن<p hidden> نص إلى اليمين </p>
Explanation: إخفاء العناصر.
7. سمة Llang<p lang = en> html5 </p>
Explanation: يمكنك تعيين اللغة محليًا.
8. السمة المعتادة<p type = application/x-shockwave-flash> </bount>3. المدى 4.Autofocus 5. مارك
يستخدم <Mark> بشكل أساسي لتقديم هذه الكلمات التي تحتاج إلى أن تكون بارزة بصريًا. يتمثل تطبيق أكثر نموذجيًا لتسمية <Mark> في عرض الكلمات الرئيسية للبحث للمستخدمين في نتائج البحث.
HTML5: <Mark> </mark>
html4: <span> </span>
6. ملخصتحتوي العلامة <summary> على عنوان عنصر التفاصيل ، ويتم استخدام عنصر التفاصيل لوصف تفاصيل جزء المستند أو جزء المستند ذي الصلة. يجب أن يكون عنصر الملخص هو أول عنصر فرعي لعنصر التفاصيل.
html5: <vidence> <summary> html 5 </summary> يعلمك هذا المستند كل ما لديك لترك HTML 5. </تفاصيل>
HTML4: لا شيء
7يحدد التسمية <Datalist> قائمة بيانات اختيارية. باستخدام عنصر الإدخال ، يمكنك إنشاء قائمة منسقات قيم الإدخال.
لن يتم عرض عازف البيانات وخياراته ، فهي مجرد قائمة قيمة إدخال قانونية.
يرجى استخدام خاصية قائمة عنصر الإدخال لربط طبيب البيانات.
<input list = cras /> <datalist id = cars> <value ortive = bmw> <ortion value = form> <option value = volvo> </datalist>9. القيادة
التعبير عن زر الأمر
فقط عندما يكون عنصر الأوامر في عنصر القائمة ، يكون العنصر مرئيًا. خلاف ذلك ، لن يتم عرض هذا العنصر ، ولكن يمكنك استخدامه لتحديد مفاتيح اختصار لوحة المفاتيح
<MANT> <command OnClick = ALERT ('Hello World')> انقر فوق لي! ثمانية. التسمية المهجورةعنصر التعبير
BASEFONT
كبير
مركز
الخط
ق
يضرب
TT
ش
يوصى باستبدالها بالدلالات الصحيحة واستخدام CSS لضمان التأثير بعد التقديم
العنصر مثل الإطار
نظرًا للعديد من توافر الإطار وإمكانية الوصول إليه ، تزيل مواصفات HTML5 العناصر التالية.
إطار
إطارات
noframes
لكن HTML5 يدعم iframe.
فئة السمة
تتم إزالة العديد من السمات التعبيرية أيضًا من خلال مواصفات جديدة ، على النحو التالي:
محاذاة
الرابط ، VLINK ، alink ، سمات النص على علامات الجسم
bgcolor
الارتفاع والعرض
تمرير خاصية على عنصر iframe
فالين
Hspace و Vspace
cellpadding ، cellpingping وسمات الحدود على ملصقات الطاولة
سمات الملف الشخصي على تسمية الرأس
السمة الهدف على علامة الارتباط أ
سمات Longdesc لعناصر IMG وعناصر iframe
ABBR يحل محل الاختصار (المستخدم لتمثيل الاختصار)
كائن استبدال Applet
UL استبدال dir
آخر
الموصوفة أعلاه هي بنية المستندات والعلامة الجديدة التي قدمها المحرر لك. شكرا جزيلا لدعمكم لموقع VEVB Wulin!