learn semantic markup

عدد قليل 1.1 - ممارسة الترميز الدلالي

تعلم HTML الدلالي عن طريق وضع هذه المستندات.

ما هذا؟

هذا دليل لمستندات النص التي يمكنك وضع علامة على الممارسة لتعلم HTML. تحتوي المستندات على المحتوى النموذجي الذي قد تراه في مواقع الويب على هاتفك وسطح المكتب. يتم تضمين النص فقط هنا! وظيفتك هي إضافة الترميز!

إلى جانب كتابة رمز HTML الصحيح بشكل نحلي ، فإن هدفك هو استخدام علامة HTML لتعزيز المعنى والحفاظ على سياق المعلومات. يجب أن تضيف الترميز الوضوح.

هدفك هو تمييز المستند بالعلامات التي تصف نص المحتوى بشكل أفضل. تريد أن تعبر العلامات عن رسالة ونية محتوى كل مستند على أفضل وجه.

لا تقلق بشأن شكل المستندات في المتصفح. هذا خطأ مبتدئ مشترك . الأنماط الافتراضية في المتصفح هي فقط خيارات افتراضية يتم توفيرها عندما لا يتم تضمين ورقة أنماط أخرى.

استخدم هذه العلامات:

• العلامات المقطعية
  • رأس <header>
  • القسم <section>
  • المادة <article>
  • تذييل <footer>
• العناوين H1-6 <h1>
• الفقرات <p>
• صغيرة <small>
• blockquote <blockquote>
• قبل <pre>
• رمز <code>
• علامات مضمنة
  • قوي <strong>
  • التركيز <em>
  • الاختصار <abbr>
  • مرساة <a>
  • الوقت <time>
  • superscript <sup>
  • اقتباس <q>

ابدء!

TL ؛ DR قم بتنزيل هذا الريبو وابدأ في إضافة علامات HTML إلى كل من المستندات.

يحتوي هذا الريبو على قائمة بالتحديات والحلول. تم وضع علامة على كل ملفات من ملفات الحل.

يحتوي ملف التحدي على نص فقط ، بدون ترميز ، ستقوم بإضافة ترميز (علامات).

قبل أن تبدأ قراءة التعليقات في كل ملف. اقرأ أيضا النص نفسه. يجب أن تضيف الترميز الذي تضيفه السياق ويعزز المعنى والنية.

كيفية تنزيل هذا الرمز

إذا كنت تواجه مشكلة في تنزيل هذا الريبو ، فإليك الخطوات:

1. افتح نافذة طرفية وانتقل إلى المجلد حيث ترغب في وضع هذا المستودع. (ربما يطلق عليه شيء مثل: dev/courses/web1.0 )

2. اكتب الكود التالي:

 $ git clone [email protected]:soggybag/learn-semantic-markup.git

3. انتقل إلى github.com وإنشاء مستودع جديد. (ملاحظة: تأكد من عدم فحص مربع الاختيار "تهيئة هذا المستودع باستخدام readme".)

4. اكتب ما يلي لتحديث وجهة المستودع الخاص بك:

 $ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master

5. قم بتحديث الصفحة الموجودة في Github Repo التي تم إنشاؤها حديثًا للتأكد من دفع تغييراتك بنجاح.

تحقق من عملك

يمكنك التحقق من عملك بعدة طرق:

استخدم المدقق للتحقق من بناء الجملة الخاص بك. يتحقق مصادقة HTML من بناء جملة HTML الخاص بك.

https://validator.w3.org

تحقق من عملك في المدقق.

تحقق من عملك ضد الحلول. ما لديك لا يجب أن يكون هو نفسه الحل!

لا تتردد في المساهمة

لا تتردد في المساهمة! إذا كان لديك أفكار لمستند قد يجعل تحديًا جيدًا ، فلا تتردد في المساهمة. انظر دليل المساهمة. إذا كان لديك حل جيد بشكل خاص ، فلا تتردد في المساهمة أيضًا!