Имеет ли использование HTML-тега fieldset значение помимо группирования форм?

Я считаю, что это будет злоупотреблением. http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.10 состояния " элемент FIELDSET позволяет авторам группировать тематически связанные управления и этикетки".

бит "поле" в имени fieldset относится к <form> поля.

используя fieldset за пределами formS для группировки данных aribtrary явно семантическое злоупотребление.

тем не менее, ваш HTML будет проверять и Бог не будет убить котенка.

полей о сформировать контрольную группу. Группируя связанные элементы управления формами, авторы могут разделить форму на более мелкие, более управляемые части, улучшая проблему удобства использования, которая может возникнуть при столкновении пользователей со слишком большим количеством элементов управления формами.

, что значит не означает, что набор полей всегда группирует поля в форме, даже если спецификация обсуждает fieldset только в контексте взаимодействия пользователя с форма...

таким образом," злоупотребление " может исходить из того, что спецификации 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), предоставляет краткое описание назначение стола. Длинное описание также могут быть предоставлены (через резюме атрибут) на благо людей использование речи или пользователя на основе Брайля агенты.

и для записи элемент 'fieldset' не предназначен для использования вне форм. И внутри форм он предназначен для концептуально группирования таких полей ввода, как "личная информация" или "адрес выставления счетов" и т. д.

вот интересная статья, в которой обсуждается, что пользователи Screen-reader слышат при навигации по наборам полей. http://www.rnib.org.uk/wacblog/articles/too-much-accessibility/too-much-accessibility-fieldset-legends/

тег fieldset также используется для чтения с экрана и некоторых других вспомогательных технологий.