Всё в деталях

[@mikenerevarin]

Давай сделаем её синей…
color: green;
*на картинке красная стрелка*

Баг или фича?

[@krovatti]

Ух, маханул. Прошу прощения. Исправил.

[@mikenerevarin]

Выглядело забавно :)

[@krovatti]

Более чем. Устал сильно. :)

[@Seldon]

Хорошо бы ссылку на тест, чтобы покликать, для особо ленивых )

[@krovatti]

Пробовал, но не вышло. Как-то криво отображается. На том же JsFiddle.
Поэтому, к сожалению, придётся ручками. :(

[@bohdan-shulha]

> Но уж как-то это всё не профессионально. Мы не применили стили. А для красивого отображения
> сделать это достаточно легко.
Добавить align: justify и будет ещё красивее. Почему о выравнивании все забывают?!

[@krovatti]

Так бывает… :)

[@krovatti]

Какие люди. :)

[@bohdan-shulha]

> Потому что justify в строчках нормальной для веба длины
Нормальной? Это в какой? Отформатировал ваш комментарий, всё хорошо. Да, в первой строке разрывы между строками стали чуть более широкими, но чтению это нисколечки не мешает.

[@bohdan-shulha]

Ага, видал.

> все привыкли к выравниванию по одному краю…
Привыкнуть можно ко всему :(

[@krovatti]

«Это ли не чудо?».

[@Fragster]

www.artlebedev.ru/kovodstvo/business-lynch/2007/08/29/commented/

[@bohdan-shulha]

Иии… Что? Вы хотите сказать, что выравниванию не место в строках, в которые умещаются три-четыре слова? Я согласен. Но ведь ширина постов и комментаривев Хабры позволяет умещать более 10-12 слов в строке, при которых увеличенные разрывы не бросаются в глаза.

[@PQR]

Было бы интересно узнать, есть ли какой-то development plan относительно этого тега у Mozilla, например?
Работает ли в последнем Safari (он ведь тоже на webkit)?

[@krovatti]

Если честно, я не в курсе. Просматривал в таблице поддержку этого элемента в браузерах. Про поддержку Фокса и Сафари, да и ИЕ — написано «неизвестно». Сафари не держу на ПК, т.к. произошло неприятное знакомство. Однажды, на достаточно мощной железяке он убил мне одно из ядер. Не знаю, как так произошло, но после этого я Сафу избегаю.

[@Shiz]

Для работы в браузерах, где данная фича не поддерживается можно использовать этот плагин для jQuery — mathiasbynens.be/notes/html5-details-jquery

[@akral]

А можно переписанный, мой. :)

Я написал его не давно, и, мне кажется, он объективно качественнее варианта Матиаза. Впрочем, я не отрицаю, что вдохновлён именно Матиазом, мы с ним переписывались. :)

[@krovatti]

А ещё, как вариант, можно не заниматься велосипедостроением. :)

[@akral]

Пока велосипед не достиг идеальной формы, было много вариантов.

Таг <details> совсем новый и плагин Матиза самый первый. Вряд ли он сразу написал всё хорошо, правда? :)

[@beono]

Я не очень понимаю зачем этот велосипед?
Есть же dl dt dd. Можно ведь было просто добавить атрибут для dl.
Этому место не в HTML5, а в HTML 3.2 рядом с marquee.

[@MTonly]

DL — это список связанных друг с другом сущностей, вовсе не обязательно терминов и определений.

[@MTonly]

В спецификации можно было бы просто написать, что атрибут minimizable применим только к DL, содержащим строго один DT и один DD. Но теоретикам из W3 такие вещи кажутся confusing — любимое их слово.

[@MTonly]

«Модель содержимого»?

[@MTonly]

DL с одной парой DT/DD тоже имеет вполне определённый смысл. Отличие сворачиваемого DL с такой структурой от аналогичного несворачиваемого только в сворачиваемости. Нет?

[@MTonly]

В сущности дело-то не в DL, а в семантической гибкости. В случае с элементами details/summary мы привязаны к конкретным элементам, хотя в конкретном HTML-документа, возможно, более уместным было бы использовать другие элементы, которым можно было бы просто назначить атрибут типа function, указывающий на функциональную роль элемента:

<div function="details">
	<h2 function="summary">...</h2>
	...
</div>

[@MTonly]

Возможно. В ARIA-тематику сильно не вдавался. Сути идеи это не меняет.

[@GreatRash]

DL — definitions list

Вроде из названия тега ясно, что именно список определений.

[@MTonly]

Name-value groups may be terms and definitions, metadata topics and values, questions and answers, or any other groups of name-value data.
www.w3.org/TR/html5/grouping-content.html#the-dl-element

[@MTonly]

Один из ненужных элементов, придуманных теоретиками из W3. Атрибут типа minimizable для DL был бы, конечно, логичнее.

[@MTonly]

Целый атрибут разметки, в корне меняющий поведение ни разу не интерактивного по своей изначальной природе элемента dl

«Целый атрибут», по-моему, является куда менее навязчивым нововведением, чем новые структурные элементы.

И разве details ввели теоретики из W3C, а не суровые практики из WHATWG?..

Возможно, но, к сожалению, среди разработчиков браузеров тоже немало теоретиков в том, что касается разработки сайтов, а не браузеров.

[@MTonly]

Если новичок использует валидатор, то ошибка не останется незамеченной. А если не использует — то ошибок и без этого будет достаточно.

[@MTonly]

У этого DL с одной группой не было бы атрибута, делающего его сворачиваемым. А если был бы (будучи вставленным случайно) — это автор страницы увидел бы в браузере.

[@MTonly]

Новичок с таким же успехом может не подозревать, что вместо элементов представления («знакомых ему по книгам времен HTML4») можно использовать CSS. Является ли это поводом не использовать CSS?

[@MTonly]

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

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

[@MTonly]

Пожалуй, дискуссия себя исчерпала (иначе есть вероятность входа в цикл). ;-)

[@MTonly]

В смысле?

[@sniok]

Демо б не помешало