Custom elements

Ik ben bang dat ik het niet helemaal goed kan uitleggen maar ik zal een aftrap nemen.

Het voordeel is dat je een betere betekenis kunt geven aan de inhoud van je html.

als ik dit schrijf:

<div>

...

</div>

Dan weten we wel dat het om een blok of deel van de pagina gaat maar we weten nog steeds niet wat de inhoud van dit blok zou kunnen zijn.

Als ik echter dit schrijf:

<boek>

...

</boek>

Dan wordt het ineens heel erg aannemelijk dat het hier over een boek gaat. En dat is dan een voordeel!?

Ik snap dat dit voor jezelf handig kan zijn, maar kan Google je website dan nog wel goed indexeren?

Dat is zo zeer de vraag. Ik heb het hele document van 10 pagina's niet gelezen, maar ik denk dat er wel mogelijkheden zouden zijn met namespaces of iets dergelijks, om dit op te lossen.

Google kent alleen de HTML specificatie. xHTML was er om elementen te combineren vanuit XML. Dat is nooit wat geworden, omdat het simpelweg geen voordeel bood.

Wat HTML5 bied is webcomponents, het geen jij naar refereert. Hiermee kun je je eigen elementen maken en stijlen doormiddel van CSS en shadow dom. Een heel erg bekend en reuze handig concept hiervan is het Polymer Project van Google. Deze bevat heel veel handige custom elementen. Zoals <google-maps lat="..." lon="..."></google-maps>

Een paar hele goede presentaties over dit onderwerp kun je op deze pagina vinden: http://www.html5rocks.com/en/slides (even filteren op eric bidelman en je krijgt een paar goede)

Google parsed trouwens je HTML niet echt. Hij haalt slechts alleen elementen eruit die hij nuttig vind, onbekende elementen negeert hij dus gewoon (maar de tekst content niet)

Ik zal de presentaties eens doorlezen, zo te zien is het inderdaad best handig én overzichtelijk om zelf elementen te verzinnen. Is dit al 'veilig' te gebruiken, of zou je hier beter even mee kunnen wachten?

met polymer (waar je overigens ook zelf elementen mee kan maken) is het veilig, aangezien die veel JavaScript bevat om elementen in elk browser te laten werken.