فيما يلي 10 علامات HTML غير المستغلة أو التي يساء فهمها. ربما لم تكن معروفة جيدًا ، لكنها مفيدة جدًا في بعض المواقف.
غالبًا ما يرغب مطورو الويب في فهم اللغات المتعددة وإتقانها ، ونتيجة لذلك ، فإن تعلم كل شيء بلغة ما أمر صعب ، لكن من السهل العثور على أنك لا تستفيد تمامًا من العلامات الأكثر خصوصية ولكن مفيدة.
ترجم من: Tutsplus
لسوء الحظ ، لم ندخل بعد كل إمكانات تلك العلامات HTML الأقل شهرة. لكنه لن يعيد إدخال العالم بعد فوات الأوان ويبدأ في كتابة الكود للكشف عن طاقة هذه العلامات غير المستكشفة.
فيما يلي 10 علامات HTML غير المستغلة أو التي يساء فهمها. ربما لم تكن معروفة جيدًا ، لكنها مفيدة جدًا في بعض المواقف.
1. <site>
يبدو أن الجميع على دراية بعلامة <NblostQuote> ، لكن هل تعرف أخي <blockquote> الصغير <cite>؟ <Cite> يتيح لك تحديد النص داخل عنصر كمرجع. بشكل عام ، سيستخدم المتصفح المائل لعرض النص في علامة <SITE> ، ولكن يمكن تغيير هذا مع القليل من CSS.
علامة <site> مفيدة للمراجع إلى الدلائل أو مواقع الويب الأخرى. فيما يلي مثال على استخدام علامة Cite في الفقرة:
لقد جلب الكتاب التنظيمي الذي حققه ديفيد ألين إنجاز عملك عاصفة لتنسى. 2. <ptgroup>
علامة <ptgroup> هي وسيلة رائعة لتحديد خيارات التجميع في علامة تحديد. على سبيل المثال ، إذا كنت بحاجة إلى تجميع قوائم الأفلام حسب الوقت ، فيمكنك القيام بذلك:
12
<label for = showtimes> وقت الإصدار </label> <تحديد معرف = showtimes name = showtimes> <ptgroup label = 1: 00 pm> </ptgroup> <septort value = titanic> titanic </teptor> <option value = nd> slumdog millionaire </buition> <wab> monter shre <value Option = BKRW> The Lion King </potion> <Option Value = Stf> superman </portive> </rewer>
العرض التوضيحي:
يمكن أن تميز بصري قوائم الأفلام. 3. <اختصار>
<اختصار> هي وسيلة لتحديد أو تفسير مجموعة من النصوص. عندما تضع النص باستخدام علامة <Carmon> مع الماوس الخاص بك ، سيظهر مربع يعرض محتوى علامة العنوان أدناه. على سبيل المثال:
1
Weibo Website <Acrome Title = تم تأسيسه في عام 2006> Twitter </cermor> كان في كثير من الأحيان تعطل الوقت مؤخرًا.
مثال:موقع Weibo Twitter كان التوقف مؤخرًا. 4. <address>
العلامة <AdeD> هي علامة صغيرة غير واضحة للغاية ، لكن هذا لا يعني أنها عديمة الفائدة. كما يوحي الاسم ، يتيح لك <address> وضع علامات دلالية في HTML. ستعرض هذه التسمية الصغيرة المحتويات في الملصق في الخط المائل الافتراضي. بالطبع ، يمكن أن يؤدي استخدام الأنماط بسهولة إلى تغيير النمط الافتراضي.
1234
<address> glen stansberry1234 web dev laneanywhere ، الولايات المتحدة الأمريكية </address> 5. <ins> و <del>
إذا كنت ترغب في استخدام العلامات لعرض الإصدارات المعدلة ، فإن <ins> و <del> صحيحان فقط. كما يوحي الاسم ، فإن <NS> أبرز محتوى إضافي مع السطح السفلي ، بينما يستخدم <del> ضربة لعرض المعلومات التي تمت إزالتها.
1
جون <del> يحب </del> <ins> يحب </ins> جهاز iPod الجديد.
مثال: الجميع يحب متروك Zblog. 6. <billy>
يبدو أن عناصر النماذج من المرجح أن تنسى وقت وضع علامة على النص. بالنسبة لعناصر النماذج ، فإن الشيء الأكثر شيوعًا الذي أنسى هو علامة <sable>. ليس مجرد طريقة مريحة لوضع علامة على النص ، يمكن أن تمر العلامة <billy> أيضًا من أجل تحديد العنصر المرتبط. <sable> ليس من السهل التحكم في الأنماط فحسب ، بل يتيح لك أيضًا جعل العنوان قابلاً للنقر.
12
<label for = username> اسم المستخدم < /label> <input id = type type = text /> 7. <fieldset>
Fieldset هي علامة صغيرة يمكنك استخدامها لإضافة مجموعات منطقية إلى عناصر النموذج الخاصة بك. سوف ترسم علامة <Fieldset> مربعًا حول العناصر الموجودة بداخله. نقطة أخرى هي أنه يمكنك إضافة علامة <sable> إلى الحقول لتحديد عنوان المجموعة.
1234567
<Porm> <FieldSet> <GELEND> هل أنت أكثر ذكاءً من طالب يبلغ من العمر 5 سنوات؟ </tegend> بالطبع <اسم الإدخال = نعم type = radio value = yes/> لا أعرف <اسم الإدخال = no type = radio value = no/> </fieldset> </poth>
مثال: 8. <abbr>العلامة <ABBR> تشبه إلى حد كبير علامة <HAROMENT> ، والفرق هو أن علامة <abbr> تستخدم فقط لتحديد الاختصارات. تمامًا مثل <Parishow> ، يمكنك تحديد خاصية العنوان لهذه العلامة. عندما يضع المستخدم الماوس فوق نص الاختصار ، سيتم عرض المحتوى بأكمله أدناه. نادراً ما يتم استخدام علامات <ABBR> ، ولكنها مفيدة جدًا لقراء الشاشة ، والتحقق الإملائي ، ومحركات البحث.
1
<abbr title = brainless> nc </abbr> هو مصطلح غير متحضرة.
مثال:إنه مصطلح متحضر للغاية. إنه مصطلح متحضر للغاية. 9
يمكن أن يكون REL خاصية مفيدة للغاية ، ويمكن لأي عنصر HTML تطبيق خاصية REL. يساعد في تمرير معلمات إضافية دون تحديد إضافي. هذا مفيد للغاية عند استخدام JavaScript في HTML. إذا كان لديك رابط تريد تحريره داخل الخط ، فيمكنك إضافة:
1
<a rel = clickable href = page.html> هذا الرابط قابل للتحرير. </a>
سيبحث JavaScript عن رابط مع سمة Relable القابلة للنقر وتطبيق بعض Ajax والسماح بتحريره داخل السطر. هذا مجرد استخدام واحد للعديد من التقنيات التي يمكنك استخدام سمة REL لأن إمكاناتها لا حصر لها. يمكن للأصدقاء المهتمين دراسة مقدمة W3C إلى REL بعمق. 10. <wbr>
<wbr> العلامة هي علامة لا تصدق وغير مسامة. بصراحة ، أشك أيضًا في أنك ستتعرض لهذه العلامة لأنها لم تستخدم أبدًا. (في الواقع ، بالكاد رأيت هذه العلامة قبل أن أكتب هذا المنشور). في الواقع ، هذه العلامة عبارة عن استراحة خط ناعمة ، مما يتيح لك تحديد نقطة كسر الأسطر في سطر معين ، مما يشير إلى أنه يمكن كسر انقطاع الخط في تلك المرحلة ، لكنه لا يكسره بالضرورة ، ولكنه لا ينفصل إلا عندما يكون ضروريًا. إذا كنت ترغب في تجنب أشرطة التمرير الأفقية ، فإن استخدام هذه العلامة أمر رائع.
مثال:فيما يلي صندوق عريض 200 بكسل مع عدم تعريف الفائض. nowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbr
Havawbr Havawbr Havawbrhavawbrhavawbrhavawbrhavawbrhavawbrhavawbr Havawbr
إذا كنت ترغب في تحقيق نفس التأثير دون استخدام علامة <wbr> ، فيمكنك تجربتها أو خجولها ؛. يقال أن أيا من هذه العلامات الثلاثة مدعومة بالكامل من قبل جميع المتصفحات. يمكنك استخدام هذه المقالة لعرض دعم كل متصفح لثلاث علامات.
ملاحظة: بعد ترجمة هذا المقال بصعوبة ، شعرت Shenfei بعمق بسحر الدلالات وقوة علامات HTML. أعتقد أننا لم ندرك العديد من العلامات. نتيجة لذلك ، كل شخص على دراية بالعلامات الشائعة ، ولا يمكن للجميع استخدام علامات غير مألوفة. كما أوضحت في مقال من قبل ، فإن جزءًا كبيرًا من الدلالات هو استخدام الملصقات المناسبة في الأماكن المناسبة ، بدلاً من مجرد تقسيمها. إذا تمكنا من معرفة المزيد من علامات HTML ، فيمكننا كتابة رمز HTML الدلالي ، والذي يمكن أن يقلل بشكل كبير من صعوبة كتابة CSS ، وجعل بنية صفحتنا أكثر منطقية.