هل استخدام علامة HTML لمجموعة الحقول له معنى يتجاوز تجميع النماذج؟

StackOverflow https://stackoverflow.com/questions/314457

  •  10-07-2019
  •  | 
  •  

سؤال

عادةً ما رأيت ذلك مع النماذج، ولكني وجدت أنه من المفيد تجميع مجموعات البيانات ذات الصلة (على سبيل المثال، عندما يكون لديك جداول متعددة في الصفحة، استخدم مجموعة حقول حول كل جدول أو مجموعة من الجداول المرتبطة لتحديد معنى مرئي واسم المجموعة (وسيلة الإيضاح)).هل هذا إساءة استخدام لعلامة مجموعة الحقول إلى الحد الذي لم يعد له معنى دلالي في استخداماتي؟

هل كانت مفيدة؟

المحلول

وأستطيع أن أرى مزايا الدلالية لحظر المحتوى في مجموعات الحقول مع الأساطير.

وعلى الرغم من أن W3C المرتبطة استخدام مجموعات الحقول والأساطير مع الأشكال، والسماح للاستخدام خارج علامة نموذج يفتح الحدود الجديدة للتجريب. مماثلة محتملة الى قائمة تعريف قيد الاستخدام.

وأنا شخصيا لا أعتقد أن "الميدان" في مجموعة حقول غير محددة لتشكيل المجال. انها ورثت مجرد علاقة من انها تستخدم داخل علامة النموذج. الحقل في إشارة إلى التجمع.

وتخيل الذهاب إلى المتنزهات المحلية والترفيه للعب البيسبول مع أصدقائك. هناك 3 المجالات المتاحة. كل منهم لديهم علامات على الحياد "بايسبول فقط"

هل تحزم امتعتك والمهمات الخاصة بك والعودة الى الوطن؟

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

لا مكان في تعريف فإنه يذكر أشكال:

<اقتباس فقرة>   

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

وأنا أعتبر علامات XHTML تنسيق السيطرة. شعبة ص اقتباس فقرة الخ.

<h1>The Big Book about Everything</h1>
<fieldset>
    <legend>Jokes</legend>
    <h2>30 pages of humorous Jokes</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>
<fieldset>
    <legend>Poems</legend>
    <h2>20 pages of well written poems</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>
<fieldset>
    <legend>Horror</legend>
    <h2>3 Short and scary stories</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>
<fieldset>
    <legend>Mystery</legend>
    <h2>3 Short and mysterious stories</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Cras nec diam eu lectus condimentum faucibus in et odio.</p>
</fieldset>

نصائح أخرى

وأعتقد أن هذا سيكون سوء المعاملة. http://www.w3.org/TR/REC -html40 / التفاعل / forms.html # ح-17.10 الدول "العنصر مجموعة حقول يسمح للمؤلفين جماعة لها صلة موضوعيا <لأ href =" http://www.w3.org/TR/REC-html40/interact/ forms.html # ح-17.2.1 "يختلط =" noreferrer "> ضوابط وتسميات".

بت "الحقل" في الاسم fieldset يعود الى <form> مجالات.

استخدام fieldset الخارج formمن الواضح أن تجميع البيانات التعسفية يمثل إساءة استخدام دلالية.

ومع ذلك، سيتم التحقق من صحة HTML الخاص بك والله سوف لن اقتل قطة.

مجموعة الحقول حول مجموعة مراقبة النموذج.من خلال تجميع عناصر التحكم في النموذج ذات الصلة، يمكن للمؤلفين تقسيم النموذج إلى أجزاء أصغر وأكثر قابلية للإدارة، مما يؤدي إلى تحسين كارثة قابلية الاستخدام التي يمكن أن تحدث عند مواجهة المستخدمين بعدد كبير جدًا من عناصر التحكم في النموذج.

هذا يفعل لا يعني أن مجموعة الحقول تقوم دائمًا بتجميع الحقول داخل النموذج, ، على الرغم من أن المواصفات تناقش مجموعة الحقول فقط في سياق تفاعل المستخدم مع النموذج ...

لذا فإن "إساءة الاستخدام" يمكن أن تأتي من حقيقة أن مواصفات HTML 4 وXHTML لا تتطلب تضمين مجموعة الحقول ووسيلة الإيضاح داخل عناصر النموذج.يمكن أن يكون FIELDSET تابعًا لعنصر BODY.إنه بناء جملة صالح لوضع مجموعات الحقول خارج النماذج.

ولكن، عندما تصف شيئًا ما على أنه مجموعة حقول ليست في الواقع مجموعة حقول، فإنك تسبب الارتباك.

من الأفضل اعتبار علامات HTML / XHTML بمثابة وصف لمعنى العنصر وليس كيف سيبدو.ثم يمكنك استخدام CSS لجعل العنصر يبدو بالشكل الذي تريده.

إذا قمت بتجميع البيانات لغرض العرض التقديمي، يمكنك أن تجد هنا أ بديل CSS لطيف.

كمرجع:

.fieldset {
border-right: 1px solid #75736E;
border-bottom: 1px solid #75736E;
border-left: 1px solid #F2F0EE;
border-top: 1px solid #F2F0EE;
padding: 10px 3px 3px 3px;

}

.outer {
border-left: 1px solid #75736E;
border-top: 1px solid #75736E;
border-right: 1px solid #F2F0EE;
border-bottom: 1px solid #F2F0EE;
width: 200px; /* CHANGE THIS FOR BOX SIZE */
} 

.legend {
float: left;
margin-left: 15px;
margin-top: -8px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
background: #FFF;
} 

<div class="legend">Lipsum.com Is The Best</div>
<div class="outer">
<div class="fieldset">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Donec congue fermentum metus. Quisque vel ante. 
Cras purus metus, dignissim at, luctus et, sollicitudin eget, urna. 
Maecenas eget lacus. Aenean bibendum risus non erat mattis semper. 
Aliquam placerat nibh eget lacus. Sed blandit eleifend justo. Nam elit. 
Fusce feugiat orci id eros facilisis laoreet. 
Integer vestibulum condimentum purus. 
Proin vehicula congue lacus. Quisque placerat diam nec enim. 
Nunc lorem. Maecenas nec sem sed nulla tristique faucibus.</div></div>

إذا كنت تريد تجميع الجداول، فكر في استخدام عنصر عنوان مناسب (h1-h6) لكل مجموعة.يمكن وصف الجداول الفردية باستخدام "التسمية التوضيحية' عنصر.السمة "الملخص" متاحة أيضًا لكل جدول.

من المواصفات:

قد يكون لكل جدول مرتبط التسمية التوضيحية (انظر عنصر CAPTION) التي يقدم وصفا موجزا ل الغرض من الجدول.وصف أطول يمكن أيضا توفيرها (عبر الملخص السمة) لصالح الناس استخدام الكلام أو المستخدم المستند إلى طريقة برايل الوكلاء.

وللعلم، فإن عنصر "مجموعة الحقول" ليس مخصصًا للاستخدام خارج النماذج.وضمن النماذج، يهدف إلى التجميع من الناحية المفاهيمية مثل حقول الإدخال - أشياء مثل "المعلومات الشخصية" أو "عنوان إرسال الفواتير"، وما إلى ذلك.

إليك مقالة مثيرة للاهتمام تناقش ما يسمعه مستخدمو قارئ الشاشة عند التنقل بين مجموعات الحقول. http://www.rnib.org.uk/wacblog/articles/too-much-accessibility/too-much-accessibility-fieldset-legends/

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

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top