Свои аттрибуты

[lavsan]

сложилось так что для определённой задачи стало недостаточно id и name

создал свой аттрибут

<tr  id='id1' ff='1'>

всё работает , но валидатор ругается.

line 194 column 49 - Ошибка: there is no attribute "FF"

насколько это допустимо (использование своих аттрибутов)?

и ещё

используя jquery в своей функции пишу

$("<tr height="+h+"px><td id='adds'></td><td><input class='sf' id='dpbx0x' /></td><td><input class='sf' id='dpex0x'/></td></tr>").appendTo("#tab");

а валидатор ругается

line 287 column 64 - Ошибка: end tag for element "TD" which is not open

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

как его можно обмануть, хочется чтоб валидатор был зелёным (FF)

[sigma77]

насколько это допустимо (использование своих аттрибутов)?

В html5 допустимо. Но для этого у атрибута нужно использовать префикс data- (http://www.w3.org/TR/html5/elements.html#embedding-custom-non-visible-data-with-the-data-attributes)

<tr  id='id1' data-ff='1'>

Ну и проходить, соответственно, валидацию по правилам html5

[Softlink]

насколько это допустимо (использование своих аттрибутов)?

В html5 допустимо. Но для этого у атрибута нужно использовать префикс data- (http://www.w3.org/TR/html5/elements.html#embedding-custom-non-visible-data-with-the-data-attributes)

<tr  id='id1' data-ff='1'>

Ну и проходить, соответственно, валидацию по правилам html5

Прикольно это все. А вот либо мне не по глазам, либо там не написано. Как в css прописывать свойства для своего атрибута? С каким-то префиксом? Или они не для стилизации, а только для идентификации?

[sigma77]

Прикольно это все. А вот либо мне не по глазам, либо там не написано. Как в css прописывать свойства для своего атрибута? С каким-то префиксом? Или они не для стилизации, а только для идентификации?

В смысле как?

Также как и с любым другим атрибутом. И html-доке об этом и не напишут...

div[data-custom="value"]

[Softlink]

блин, не понимаю

Вот допустим я стилизую блок классом

.wrap{
width:200px;
height:200px;
background:#ccc;
}

Можно ли его стилизовать через доп. атрибут?

Так это будет выглядеть:

div [data-wrap]{
width:200px;
height:200px;
background:#ccc;
}

?

[lavsan]

а как использовать?

<tr id='id1' data-ff='1'>

т.е там где я вызывал просто ff, я должен поставить data-ff ?

[sigma77]

блин, не понимаю

Вот допустим я стилизую блок классом

.wrap{
width:200px;
height:200px;
background:#ccc;
}

Можно ли его стилизовать через доп. атрибут?

Так это будет выглядеть:

div [data-wrap]{
width:200px;
height:200px;
background:#ccc;
}

?

Смотри. Какие есть виды селекторов - элементов (по самому элементу, дочерние, соседние и т.п.), классы, идентификаторы. Аналогично ест и селекторы атрибутов. Принцип тот же. Только проверяется есть ли у элемента атрибут с указанным значением.

Если тебе нужно стилизовать любой див, которы1 имеет атрибут data-wrap с любым значением, то ты напишешь

div[data-wrap]{ /* без пробелов! */
width:200px;
height:200px;
background:#ccc;
}

Если ты хочешь стилизовать любой элемент с классом .wrap, который имеет атрибут data-wrap, например, со значением true, то ты напишешь

.wrap[data-wrap="true"]{
width:200px;
height:200px;
background:#ccc;
}

Подробнее у Влада - http://htmlbook.ru/samcss/selektory-atributov

Спецификация - http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

а как использовать?

<tr id='id1' data-ff='1'>

т.е там где я вызывал просто ff, я должен поставить data-ff ?

Да.

[Softlink]

sigma77, спасибо. Еще не пришло полное понимание, но разберусь