Форумы портала PHP.SU :: Версия для печати

1. beza - 18 Ноября, 2014 - 13:45:04 - перейти к сообщению

Есть ли возможность добавления собственных тегов в HTML?

В CSS есть возможность описать свойство для текста, заключенного между стандартными тегами. Например для <H1>, <H2>, <P> и т.д.
Мне этих тегов мало, т.к. необходимых вариантов отображения гораздо больше, чем стандартных тегов.
Возможно ли создание своих собственных тегов (например <teg1>, <teg2>) с описанными однажды свойствами, чтобы заключенный между ними текст был таким, как описано в данном теге?

2. Panoptik - 18 Ноября, 2014 - 13:47:33 - перейти к сообщению

а классы вам не подойдут?

вообще вроде как можно создавать всё что угодно. но не все браузеры это воспринимают нормально. в частности устаревшие браузеры не поддерживающие html5 могут не принять ваши стили. но с новыми по идее проблем не должно быть.

http://www[dot]html5rocks[dot]com/en/tut[dot][dot][dot]/customelements/

3. beza - 18 Ноября, 2014 - 14:04:28 - перейти к сообщению

Panoptik пишет:

а классы вам не подойдут?

вообще вроде как можно создавать всё что угодно. но не все браузеры это воспринимают нормально. в частности устаревшие браузеры не поддерживающие html5 могут не принять ваши стили. но с новыми по идее проблем не должно быть.

http://www.html5rocks.com/en/tutorials/webcomponents/customelements/

В примере используются <div>, а они-то мне как раз и не подходят, т.к. каждый див начинается с новой строки, а т.к. иногда необходимо применить к части текста, то это смотрится некорректно, т.к. визуально текст "рвется"...

4. caballero - 18 Ноября, 2014 - 14:18:31 - перейти к сообщению

так задайте inline стили и не будут начинатся с новой строки.
та или иначе свойства задаются css стилями в том числе и в кастомных элементах

5. beza - 18 Ноября, 2014 - 19:54:52 - перейти к сообщению

caballero пишет:

Огромное спасибо, помогло!

6. codeshot - 22 Ноября, 2014 - 16:43:19 - перейти к сообщению

Разработчик HTML - Консорциум Всемирной паутины, не думаю что они уже внесли такое изменения в стандартах. И так много непоняток со всем этим хтмл и кроссбраузерностью. Если не секрет, а что вы такое делаете что вам стандартных тэгов недостаточно? )

7. Bio man - 22 Ноября, 2014 - 17:29:23 - перейти к сообщению

codeshot пишет:

Если не секрет, а что вы такое делаете что вам стандартных тэгов недостаточно?

Тоже интересно.

На самом деле, стандарт HTML не допускает кастомные теги (как их воспринимают браузеры - другой вопрос, стандарт есть стандарт), а XHTML позволяет, но он уже в прошлом.
Но даже если можно было бы, в 100% случаях в этом нет необходимости, ведь есть CSS, а у тегов атрибуты (необязательно классы и ИДшники), плюс ко всему CSS селектроры очень гибки, позволяют описать стили элемента указав логический путь до него, без всяких классов и ид, что тоже очень удобно.

8. DelphinPRO - 22 Ноября, 2014 - 17:31:16 - перейти к сообщению

beza, открой для себя CSS Ха-ха

(Добавление)
Всем, видите ли, хватает тегов, а ему нет Улыбка

Но если отвечать по существу, новый тег создать можно. Отображаться без стилевого оформления он будет как обычный DIV

пишем js

CODE (javascript):
скопировать код в буфер обмена

document.createElement('mysupertag');

потом в CSS

CODE (css):
скопировать код в буфер обмена

mysupertag { display: block; }

потом юзаем

CODE (html):
скопировать код в буфер обмена

<mysupertag>text</mysupertag>