علامة التسمية هي واحدة من علامات هتمل الأساسية التي يتم استخدامها لإنشاء تسميات توضيحية لتشكيل العناصر. يسمح لك بربط تسمية نصية بعنصر نموذج معين ، مما يوفر سهولة الاستخدام وإمكانية وصول أفضل للمستخدم.
بالإضافة إلى ذلك ، تلعب علامة التسمية دورا مهما في تحسين دلالات مستند هتمل. يسمح للمبرمج وأدوات تحليل الكود التلقائي بالتعرف على العلاقة بين الملصق وعنصر النموذج.
مثال على استخدام علامة التسمية:
اسم المستخدم:في هذا المثال ، سيتم ربط عنصر نموذج إدخال النص بتسمية" اسم المستخدم". سيسمح هذا للمستخدم بفهم الغرض من حقل النموذج هذا بسهولة وما يجب إدخاله فيه. بالإضافة إلى ذلك ، عند النقر فوق نص التسمية ، سينتقل التركيز تلقائيا إلى العنصر المقابل في النموذج.
- التعريف والغرض
- استخدام علامة التسمية في النماذج
- تخطيط باستخدام علامة التسمية
- مزايا استخدام علامة التسمية
- طرق لتصميم علامة التسمية
- نصائح لاستخدام علامة التسمية
- أمثلة على استخدام علامة التسمية
- 1. نموذج إدخال الاسم:
- 2. اختيار اللغة:
- 3. علامة خانة الاختيار:
- سؤال وجواب
- ما هي علامة التسمية في أتش تي أم أل?
- ما هو الغرض من علامة التسمية?
- كيف يمكنني إضافة تسمية إلى عنصر تحكم باستخدام علامة التسمية?
- هل من الممكن استخدام علامة التسمية بدون السمة" من أجل"?
- ما هي مزايا استخدام علامة التسمية?
التعريف والغرض
علامة التسمية هي واحدة من أهم عناصر لغة ترميز هتمل. وهو التسمية التي يتم استخدامها لربط وصف النص مع عنصر النموذج. تسمح علامة التسمية للمستخدم بالنقر فوق تسمية نصية وتنشيط عنصر النموذج المقابل.
الغرض الرئيسي من علامة التسمية هو تسهيل تنقل المستخدم والتفاعل مع العناصر التفاعلية على صفحة الويب. إنه يحسن بشكل كبير من سهولة الاستخدام وإمكانية الوصول إلى النماذج من خلال التخلص من الحاجة إلى النقر فوق عنصر إدخال صغير مثل زر أو مربع اختيار.
لإنشاء ارتباط بين تسمية وعنصر نموذج ، يتم استخدام السمة الخاصة بعلامة التسمية ومعرف عنصر النموذج المرتبط. يمكن أن يكون عنصر النموذج المرتبط زرا وخانة اختيار وزر اختيار وحقل إدخال وما إلى ذلك.
مثال على استخدام علامة التسمية:
اسم المستخدم:
في هذا المثال ، التسمية هي " اسم المستخدم:"يربط بحقل الإدخال" اسم المستخدم". عند النقر فوق تسمية النص ، سيتم تعيين التركيز على حقل الإدخال المرتبط ، مما سيزيد من قابلية استخدام النموذج.
تحتوي علامة التسمية أيضا على ميزات إضافية مثل تجميع عناصر النموذج واستخدام القوائم والتداخل والمزيد. من المهم أن تتذكر أن مواقع الويب يجب أن تكون سهلة الوصول وسهلة الاستخدام للأشخاص ذوي الإعاقة ، لذا فإن الاستخدام السليم لعلامة التسمية مهم جدا لإنشاء نماذج يمكن الوصول إليها وعملية.
استخدام علامة التسمية في النماذج
علامة التسمية هي عنصر مهم في هتمل الذي يسمح لك لربط تسمية وصف النص مع عنصر نموذج معين. يسهل تفاعل المستخدم مع عنصر النموذج ويزيد من قابلية استخدام صفحة الويب.
الاستخدام الرئيسي لعلامة التسمية هو إنشاء تسمية نصية لعنصر نموذج. عادة ما يتم عرض تسمية نصية بجوار عنصر النموذج المقابل ، مثل حقل إدخال أو مربع اختيار. يمكن للمستخدم النقر فوق تسمية النص لتحديد عنصر النموذج المناسب أو نقل التركيز إلى العنصر المرتبط.
مزايا استخدام علامة التسمية:
- إمكانية وصول أفضل: تعمل علامة التسمية على تحسين إمكانية الوصول إلى صفحة الويب ، حيث تحدد عنصر نموذج لاستخدامه من قبل قارئات الشاشة.
- سهولة الاستخدام: يمكن للمستخدم النقر فوق تسمية النص لتعيين التركيز على العنصر المقابل في النموذج أو تحديد مربع اختيار. هذا مهم بشكل خاص للمستخدمين ذوي الإعاقة.
- مرونة التصميم: باستخدام علامة التسمية ، يمكنك بسهولة تصميم تسمية نصية. يمكن تصميمه باستخدام كس لتتناسب مع النمط العام لصفحة الويب.
مثال على استخدام علامة التسمية في نموذج:
| عنصر النموذج | تسمية النص |
|---|---|
| اسم المستخدم: | |
| كلمة المرور: | |
| تذكرني |
في هذا المثال ، ترتبط علامة التسمية بكل عنصر من عناصر النموذج باستخدام السمة لـ. يجب أن تتطابق قيمة السمة من أجل مع قيمة سمة المعرف لعنصر النموذج. هذا يسمح لك لربط التسمية مع عنصر نموذج معين وضمان إمكانية الوصول إليها وسهولة الاستخدام.
كما ترى من المثال ، فإن استخدام علامة التسمية يحسن واجهة إدخال المستخدم ويزيد من قابلية استخدام النماذج على صفحات الويب.
تخطيط باستخدام علامة التسمية
علامة التسمية هي واحدة من عناصر هتمل الأكثر فائدة للتخطيط ويوفر تحسين إمكانية الوصول وسهولة الاستخدام من صفحات الويب. يسمح لك بربط عناصر النموذج بوصفها ، مما يبسط تفاعل المستخدم مع العناصر التفاعلية.
مزايا استخدام علامة التسمية في التخطيط:
- زيادة إمكانية الوصول - عند النقر فوق النص الموجود داخل علامة التسمية ، يتم تنشيط عنصر النموذج المرتبط
- سهولة الاستخدام-يزيد من مساحة المنطقة القابلة للنقر لعنصر النموذج
- تحسين واجهة المستخدم-يشير إلى العلاقة بين عنصر النموذج ووصفه
عند استخدام علامة التسمية ، ضع في اعتبارك الميزات التالية:
- يجب أن تحتوي السمة الخاصة بعلامة التسمية على قيمة سمة المعرف لعنصر النموذج المرتبط
- يجب أن يكون محتوى النص الخاص بعلامة التسمية مفيدا للمستخدم ويصف عنصر النموذج المرتبط
- يمكن أن تحتوي علامة التسمية على أي عناصر بالداخل ، على سبيل المثال ، الإدخال ، منطقة النص ، التحديد ، مما يسمح لك بإنشاء تخطيط أكثر مرونة
مثال على استخدام علامة التسمية:
الاسم:
في هذا المثال ، النص" الاسم: "هو وصف لحقل إدخال النص ، وعند النقر فوق النص ، يتم تنشيط حقل النص ، مما يجعل التفاعل مع النموذج أكثر ملاءمة.
يعد استخدام علامة التسمية أساسا لتحسين تجربة المستخدم وراحة التفاعل مع عناصر النموذج على صفحات الويب.
مزايا استخدام علامة التسمية
علامة التسمية هي واحدة من العناصر الرئيسية في هتمل التي تسمح لك لتحسين واجهة المستخدم من صفحة ويب. الغرض من هذه العلامة هو ربط التسمية بعنصر تحكم في الصفحة ، مثل حقل إدخال أو مربع اختيار أو زر. تشمل مزايا استخدام هذه العلامة ما يلي:
تحسين إمكانية الوصول: يتيح لك استخدام علامة التسمية إنشاء تسمية تربط تسمية نصية بعنصر التحكم المقابل. هذا يبسط التنقل بلوحة المفاتيح ويوفر إمكانية وصول أفضل للأشخاص ذوي الإعاقة.
تحسين تجربة المستخدم: باستخدام علامة التسمية ، يمكنك زيادة مساحة التحكم القابلة للنقر، مما يسهل النقر أو التحديد. هذا مفيد بشكل خاص على الأجهزة المحمولة ، حيث قد تكون دقة النقر منخفضة.
تبسيط فهم النماذج واستخدامها: يساعد استخدام التسميات مع عناصر التحكم المستخدمين على فهم البيانات التي يجب عليهم إدخالها في الحقول بشكل أفضل. تسمح التصنيفات أيضا للمستخدمين بالنقر فوق تسمية نصية لتحديد عنصر تحكم مرتبط.
في ما يلي نموذج رمز يوضح استخدام علامة التسمية:
اسم المستخدم:
في هذا المثال ، يرتبط تسمية النص "اسم المستخدم: "بحقل إدخال يحتوي على سمات المعرف والاسم مع القيمة"اسم المستخدم". سيؤدي النقر فوق تسمية النص إلى تعيين التركيز على حقل الإدخال المرتبط ، مما يسهل على المستخدم استخدامه.
استخدام علامة التسمية له العديد من المزايا ويمكن أن يحسن بشكل كبير تفاعل المستخدم مع صفحة الويب.
طرق لتصميم علامة التسمية
:
- اللون: أحمر;
- . على سبيل المثال:
- استخدام العقار
- محاذاة النص: يمكنك تغيير محاذاة النص داخل العلامة
. على سبيل المثال:
التسمية {
- محاذاة النص: المركز;
}
- هذه ليست سوى بعض من أساليب التصميم العلامة المتاحة
- نصائح لاستخدام علامة التسمية
علامة التسمية في أتش تي أم أل هي عنصر يستخدم لربط تسمية نصية بعنصر نموذج ، مثل عنصر إدخال أو تحديد. فيما يلي بعض النصائح المفيدة لاستخدام هذه العلامة لتحسين تجربة المستخدم:
| التسمية | |
| . تعتمد إمكانيات التصميم الفعلية على خصائص كس المستخدمة والمتصفح الذي يتم عرض الصفحة فيه. |
استخدم علامة التسمية لتحديد اسم حقل الإدخال أو التحديد. يتيح ذلك للمستخدمين فهم ما هو متوقع منهم ويحسن إمكانية الوصول إلى الموقع.
حدد السمة لـ في علامة التسمية لتحديد عنصر النموذج المقترن بالتسمية. يجب أن تتطابق قيمة السمة مع معرف عنصر النموذج. على سبيل المثال:
الاسم:
ضع عنصر النموذج داخل علامة التسمية لتضمينه في منطقة النقر. هذا يجعل مساحتها الكبيرة قابلة للنقر ويحسن سهولة الاستخدام.
أنا أتفق مع القواعد
استخدم علامة التسمية لإنشاء جداول نموذج حيث تحتوي كل خلية جدول على تسمية وعنصر نموذج. هذا يجعل من السهل محاذاة عناصر النموذج وتجميعها.
الاسم:
كلمة المرور:
لا تستخدم رمزا أو لونا فقط للإشارة إلى العنصر النشط في النموذج. بدلا من ذلك ، استخدم مزيجا من تسمية وعنصر نموذج لجعلها أكثر وضوحا ومفهومة للمستخدم.
اشترك في النشرة الإخبارية
باستخدام هذه النصائح حول استخدام علامة التصنيف ، يمكنك إنشاء نماذج يسهل الوصول إليها وسهلة الاستخدام للمستخدمين.
أمثلة على استخدام علامة التسمية
يتم استخدام علامة التسمية في هتمل لإنشاء ارتباط بين عنصر النموذج ووصفه. يسمح للمستخدم بالنقر فوق النص المرتبط بعنصر النموذج ، مما يحسن من قابلية استخدام الموقع.
فيما يلي بعض الأمثلة على استخدام علامة التسمية:
1. نموذج إدخال الاسم:
لإنشاء نموذج إدخال اسم باستخدام علامة التسمية:
أدخل اسمك:
في هذا المثال ، نقوم بربط عنصر إدخال بوصفه باستخدام السمة من أجل وسمة المعرف. عندما ينقر المستخدم على النص" أدخل اسمك: "، يتم تحويل تركيز الإدخال إلى عنصر إدخال الاسم.
2. اختيار اللغة:
لإنشاء قائمة اختيار لغة باستخدام علامة التسمية:
اختر لغة:
الإنجليزية
الفرنسية
الألمانية
في هذا المثال ، نقوم بربط قائمة اختيار اللغة بوصفها باستخدام السمة من أجل وسمة المعرف. عندما ينقر المستخدم على النص" تحديد اللغة: "، يمكنه اختيار أحد الخيارات المقترحة.
3. علامة خانة الاختيار:
لإنشاء خانة اختيار باستخدام علامة التسمية:
أوافق على شروط الاستخدام
علامة التسمية هي أداة بسيطة ولكنها مفيدة جدا في هتمل. جنبا إلى جنب مع عناصر النموذج الأخرى ، فإنه يسمح لك بإنشاء واجهة سهلة الاستخدام لتفاعل المستخدم مع صفحة ويب.
سؤال وجواب
ما هي علامة التسمية في أتش تي أم أل?