class name

by Juri Rudi

HTML

<fake>Questo è un tag finto: è comunque evidenziato in giallo (CSS) e puoi comunque cliccarci sopra (jQuery).</fake>

<p fake="true">Questo paragrafo contiene un attributo finto: è comunque evidenziato in giallo (CSS) e puoi comunque cliccarci sopra (jQuery).</p>

<!--
1) E' possibile utilizzare attributi personalizzati: si pensi solo all'attributo "data-";
2) E' possibile utilizzare tag personalizzati: http://w3c.github.io/webcomponents/spec/custom/
a) i browser sono predisposti ad esser compatibili con nuovi elementi introdotti: Elementi HTML sconosciuti sono trattati dai browser come div, ecco perché funzionano.
b) i tag personalizzati non sono validi in HTML. Questo può portare a problemi di rendering;
c) i tag validi hano vantaggi in termini di usabilità (persone con handicap) e di SEO
d) i tag personalizzati potrebbero entrare in conflitto con gli standard futuri"
e) i tag personalizzati aumentano la difficoltà di lor ocomprensione da parte di uno sviluppatore diverso da quello che ha scritto il codice (ove si decida comunque di utilizzarli è ancora più opportuno commentare il codice stesso)
http://stackoverflow.com/a/20353734/6382106
-->

CSS

fake {
    background-color:yellow;
}

[fake] {
    background-color:yellow;
}

JavaScript

$("fake").click(function(){
  alert("Hai appena cliccato su un Elemento HTML finto! (tag 'fake')");
});


$("[fake]").click(function(){
  alert("Hai appena cliccato su un Elemento HTML con un attributo finto! (tag 'p' con attributo 'fake')");
});