<custom> html tags without function?

Question

I have seen this before on several sites.

I want to use the type of tag <header>and <description>and <contact>without any comments, instead of attributes, since it looks much cleaner.

However, I am wondering if there will be any consequences for them, and will it be safe?

+5

Fireworksable Jul 10 '11 at 17:15

6 answers

Nicklas A. · Answer 1 · 2011-07-10T17:17:27+0000

Short answer; no. It is invalid (except for XHTML, where you can add such tags)

It will not only break in some browsers, but for other people it will be confused.

Quentin · Answer 2 · 2011-07-10T17:18:58+0000

beardhatcode · Answer 3 · 2011-07-10T17:22:18+0000

, :

document.createElement("custom")

javascript,

<custom>bla bla bla</custom>

CSS :

custom { display:none;}

, HTML,

Saeed Neamati · Answer 4 · 2011-07-10T17:39:57+0000

W3C, , . , HTML, CSS JavaScript. HTML-, , . , . , .

, .. HTML- .

CSS CSS HTML, CSS - XML (, CSS XML). , .

, . HTML5, ? data . Ex. <a href='...' data-custom-attribute='custom-value'></a>.

Spudley · Answer 5 · 2011-07-10T17:40:16+0000

-, <header> HTML5. , , , , .

, .

, , , "" , . HTML <description>. , , . <header>, , . .

, HTML- , . , , .

, , , . , . , , , , .

. HTML5 , , . ( ) IE, .

IE , . Javascript, HTML5Shiv, HTML5. IE quirk, , , , Javascript, script. , .

, , , IE. IE Javascript createElement(), , . CSS reset, .

. - .

Dominikguzei · Answer 6 · 2012-09-26T22:32:13+0000

:

IE 6-8 → JavaScript , , : document.createElement('custom-tag') , - JavaScript
<span>, , CSS, custom-tag { display: block }
, , . Google Angular.js, (<pane> <tab>) a href= "http://angularjs.org/" rel= "nofollow" > .
HTML HTML, .
- HTML ( , .)

:

, , <div> HTML 4/5 . -, DOM // (, Angular.js).
, , - , HTML. , JavaScript.
If you are building a web application where custom tags can really help make the source cleaner and express special semantics, use them. All the negative consequences mentioned above (JavaScript must be enabled / CSS declaration) will not be of great importance for these cases, since your web application will not work without them. The same rules apply to user attributes.