مقالة مقدمة من wulin.com (www.vevb.com): صفحة ويب تشبه المنزل ، هيكل HTML هو الجدران تلو الأخرى ، والعلامات هي الطوب. يجب وضع الطوب بطريقة منظمة وأنيقة بحيث تكون الجدران ثابتة. أخيرًا ، فإن CSS هي المادة الزخرفية ، ويعتمد عليها سواء كانت جميلة أم لا. لذلك ، نحتاج إلى الحصول على صفحة ويب ممتازة ، والتي لا توفر فقط هيكلًا نظيفًا وواضحًا HTML ، ولكن أيضًا لا يمكن فصله عن التجميل النهائي لـ CSS.
منذ بعض الوقت ، عند التصفح عبر الإنترنت ، وجدت أن مسائل توظيف التنمية الأمامية للعديد من الشركات العملاقة للإنترنت المحلية لا تزال تشير إلى مشكلة في دلالات الملصقات. هذا الموضوع هو بالفعل كليشيهات ، ولكن لا يزال هناك العديد من المشاكل. يعود إلى العادة. أنا كسول جدًا عندما يكون لدي وقت ، لذلك أنا فقط أكتب رمزًا دون التفكير فيه. أعلم أنني كنت مخطئًا! أحذية الأطفال ، علينا أن نجعل العلامة دلالات العلامة عادة! اليوم ، سأعوق دلالات الملصقات وأشجع نفسي على عدم الخلط بين اليوم!
في تصميم الويب ، نسمع في كثير من الأحيان مصطلح علامة الدلالة. إن التفكير في التصميم في HTML TAG الدلالي هو في الواقع استخدام العلامة الأنسب والملاءمة لقطعة معينة من المحتوى. وبهذه الطريقة ، بغض النظر عن من هو ، يمكنك أن تفهم ماهية هذا المحتوى.
صفحة ويب مثل المنزل. هيكل HTML هو الجدران واحدة تلو الأخرى ، والعلامات هي الطوب. يجب وضع الطوب بطريقة منظمة وأنيقة بحيث تكون الجدران ثابتة. أخيرًا ، فإن CSS هي المادة الزخرفية ، ويعتمد عليها سواء كانت جميلة أم لا. لذلك ، نحتاج إلى الحصول على صفحة ويب ممتازة ، والتي لا توفر فقط هيكلًا نظيفًا وواضحًا HTML ، ولكن أيضًا لا يمكن فصله عن التجميل النهائي لـ CSS.
يوضح ما سبق أيضًا أن دلالات العلامات مهمة للغاية. كل علامة في HTML لها دلالاتها الخاصة ونطاقها الخاص للتطبيق. ولكن غالبًا ما يتم تجاهلها أو إساءة معاملتها. على سبيل المثال: في الصفحة ، هناك العشرات أو حتى مئاتهم. هذه علامة لا معنى لها ، والتي تمثل طبقة فقط ، وهي غير مواتية للغاية للصيانة اللاحقة ؛ على الرغم من أن علامة <CHALOM> هي علامة بيانات ، وعندما يحين الوقت لاستخدامها ، يجب أن نستخدمها بجرأة.
فوائد دلالات العلامةهناك أسباب لا حصر لها لاستخدام دلالات العلامة:
ملخص دلالات العلامة HTMLمن أجل استخدام دلالات العلامة بشكل أسرع وأفضل ، يسرد النموذج التالي جميع علامات HTML وأوصاف العلامة. يتم ترتيب القائمة التالية أبجديًا ، حيث الجديد: هل العلامة الجديدة في HTML5.
وصف العلامة
<!-...-> تحديد التعليقات.
<! doctype> يحدد نوع المستند.
<a> تحديد الارتباط التشعبي.
<abbr> تحديد الاختصار.
<اختصار> غير مدعوم في HTML 5. حدد الاختصار.
<address> يحدد عنصر العنوان.
<Applet> غير مدعوم في HTML 5. تحديد Applet.
<المنطقة> يحدد المساحة الموجودة في خريطة الصورة.
<article> حدد المقال.
<sidense> يحدد المحتوى خارج محتوى الصفحة.
يحدد <Oudio> محتوى الصوت.
<b> تحديد النص الجريء.
يحدد <spal> عنوان URL الأساسي لجميع الروابط في الصفحة.
<PaseFont> غير مدعوم في HTML 5. يرجى استخدام CSS بدلاً من ذلك.
<bdi> حدد اتجاه النص للنص بحيث يتم تعيينه من اتجاه النص المحيط.
<bdo> حدد اتجاه عرض النص.
<big> غير مدعوم في HTML 5. تحديد النص الكبير.
<Lockquote> تحديد المراجع الطويلة.
<body> يحدد عنصر الجسم.
<br> إدراج كسر خط.
<button> يحدد الزر.
<Canvas> يحدد الرسم البياني.
<Sption> يحدد عنوان الجدول.
<Center> HTML 5 غير مدعوم. يحدد النص المتمركز.
<site> يحدد مرجع.
<code> يحدد نص رمز الكمبيوتر.
<col> يحدد خصائص عمود الجدول.
يحدد <Colgroup> تجميع أعمدة الجدول.
<Comment> يحدد زر الأمر.
<stalist> يحدد القائمة المنسدلة.
<dd> حدد وصف التعريف.
<del> يحدد حذف النص.
<rection> يحدد تفاصيل العنصر.
تعريف <DFN> يحدد المشروع.
<dir> غير مدعوم في HTML 5. تحديد قائمة الدليل.
<div> يحدد جزءًا من المستند.
<dl> قائمة تعريف التعريف.
<dt> يحدد العنصر المحدد.
<em> التعريف يؤكد النص.
<mbed> تحديد المحتوى التفاعلي الخارجي أو المكون الإضافي.
<fieldset> يحدد Fieldset.
يحدد <GIGCAPTION> عنوان عنصر الشكل.
يحدد <GINGE> تجميع محتوى الوسائط ، وكذلك عناوينها.
<font> غير مدعوم في HTML 5.
يحدد <Tourer> تذييل القسم أو الصفحة.
<Porm> يحدد النموذج.
<rame> html 5 غير مدعوم. يحدد الريف الفرعي (الإطار).
لا يتم دعم <FrameSet> في HTML 5. يحدد مجموعة الأطر.
<h1> إلى <h6> تحديد العنوان 1 إلى العنوان 6.
<head> يحدد معلومات حول المستند.
<header> يحدد رأس القسم أو الصفحة.
يحدد <HGROUP> معلومات حول الأقسام في المستند.
<hr> تحديد الخط الأفقي.
<html> حدد مستند HTML.
<i> تحديد النص المائل.
<frame> يحدد نافذة الطفل (الإطار) داخل الصف.
<img> حدد الصورة.
<pection> يحدد حقل الإدخال.
<NS> يحدد نص الإدراج.
<Keygen> يحدد المفتاح الذي تم إنشاؤه.
<Isindex> غير مدعوم في HTML 5. يحدد حقل الإدخال لخط واحد.
<KBD> يحدد نص لوحة المفاتيح.
<bility> يحدد تسمية التحكم في النموذج.
يحدد <Legend> العنوان في Fieldet.
<li> حدد عنصر القائمة.
<link> يحدد مرجع الموارد.
<map> تحديد خريطة الصورة.
<mark> يحدد النص المحدد.
<rem> تحديد قائمة القائمة.
<TECA> يحدد معلومات التعريف.
<meter> يحدد المقياس ضمن النطاق المحدد مسبقًا.
<v> تحديد روابط التنقل.
<Noframes> غير مدعوم في HTML 5. تحديد جزء noframe.
<noscript> يحدد جزء noscript.
<object> يحدد الكائن المدمج.
<ol> يحدد قائمة مرتبة.
<ptgroup> يحدد مجموعة الخيارات.
يحدد <Spoint> الخيارات الموجودة في القائمة المنسدلة.
<TUTROD> يحدد بعض أنواع الإخراج.
<p> تحديد الفقرات.
<Param> يحدد المعلمات للكائن.
<pre> تحديد النص مسبقًا.
<vorder> يحدد تقدم أي نوع من المهمة.
<Q> يحدد المراجع القصيرة.
<rp> حدد المحتوى الذي يعرضه عنصر Ruby إذا كان المتصفح لا يدعم المتصفح.
<rt> يحدد شرح تعليقات الياقوت.
<Ruby> يحدد تعليقات الياقوت.
<S> غير مدعوم في HTML 5. يحدد النص مع strikethrough.
<samp> تحديد نموذج رمز الكمبيوتر.
<script> يحدد البرنامج النصي.
<section> يحدد القسم.
<select> يحدد قائمة اختيارية.
<small> عرض تعليقات جانبية كنص صغير.
<Source> يحدد مصدر الوسائط.
<span> يحدد القسم في المستند.
<STROOM> غير مدعوم في HTML 5. يحدد النص مع strikethrough.
<strong> التعريف يؤكد النص.
<style> يحدد تعريف النمط.
<ub> يحدد النص التراكمي.
<summary> يحدد عنوان عنصر التفاصيل.
<sup> تحديد النص superscript.
<جدول> يحدد الجدول.
<tbody> يحدد جسم الجدول.
<td> يحدد خلية الجدول.
<evidea> تحديد Textarea.
<tfoot> يحدد حواشي الجدول.
<h> يحدد الرأس.
<head> يحدد الرأس.
<time> تحديد التاريخ/الوقت.
<title> يحدد عنوان المستند.
<tr> يحدد صفوف الجدول.
يحدد <track> مسار النص المستخدم في مشغل الوسائط.
<TT> غير مدعوم في HTML 5. يحدد نص الآلة الكاتبة.
<u> غير مدعوم في HTML 5. تحديد النص المس خط.
<ul> تحديد قائمة غير مرتبة.
<Gar> يحدد المتغير.
<video> يحدد الفيديو.
<xmp> غير مدعوم في HTML 5. تحديد النص مسبقًا.