Weblabor

A HTML5 Doctor rendre magyarázatokkal siet a HTML5 tagek értelmezésével kapcsolatban, a Weblabor blogmarkjai között is fel-felbukkan aktuális témáival. Legutóbbi írásában olvasói számára egy fejtörőt hoz fel, avagy hogyan jelöljük helyesen egy cikkben hivatkozott mű vagy idézet szerzőjét.

<p><q>There was a young man from Nantucket</q>
wrote John Keats in his <cite>Ode on a Grecian Urn</cite>.</p>

Tehát John Keats nevét milyen tagek közé szorítsuk, ha egyáltalán? Válaszadási lehetőségeket is felkínálnak a szerzők, úgy mint: b, i, cite, span (csupán placeholder stílusnak) vagy más egyéb. A helyes megfejtést 14-én, csütörtökön közli a magazin, addig próbálkozzunk meg mi is a feladattal.

A legkézenfekvőbb, ha a HTML5 referenciát (értsd: editor's draft) magunk mellé vesszük, és felcsapjuk a megfelelő fejezeteknél. Lássuk először, mit ír a b és i elemekről. (Bizonyára az olvasó előtt is ismeretes, hogy a szemantikus HTML zászlaja alatt ezen elemek használóit tűzzel-vassal kergették, azonban a HTML4-hez képest a HTML5-ben új értelmezést kaptak az elemek – ez az alábbiakban rögvest ki is derül.)

The b element represents a span of text offset from its surrounding content without conveying any extra emphasis or importance, and for which the conventional typographic presentation is bold text; for example, keywords in a document abstract, or product names in a review.

The i element represents a span of text offset from its surrounding content without conveying any extra emphasis or importance, and for which the conventional typographic presentation is italic text; for example, a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, or a ship name.

Újságcikkek hasábjain ritkán látjuk a szóban forgó szereplők neveit eltérő szedéssel, a felhozott példák sem igazán relevánsak John Keats esetében: nem terméknév, nem terminus, valójában teljesen érthető az eredeti szövegkörnyezetben a jelentése, semmi sem indokolja a megkülönböztetettségét.

Az i elemnél a WhatWG munkatervezete még említést tesz eltérő intonáció jelzéséről, de akárhogy is ízlelgetem Keats nevét, nem fogom azt más hangsúllyal felolvasni.

Stíluszerűen fordulhatunk még a HTML5Doctor ugyanezen témakörében írodott The i, b, em, & strong elements cikkéhez, de ugyancsak azt a megállapítást kell tennünk, hogy jelen esetben Keats nevét a b és i tagekkel jelölnünk nem indokolt.

A cite már érdekesebb, akár jónak is tűnhet, hiszen mintha pont arra lenne való, hogy hivatkozzunk a forrásra. Ezt támasztja alá az is, hogy a mérvadónak tekintető feladatkiírásban Keats művét ennek megfelelően írták le. A biztonság kedvéért nézzünk bele a referenciába.

The cite element represents the cited title of a work; for example, the title of a book mentioned within the main text flow of a document.

[…]

Although previous versions of HTML implied that the cite element can be used to mark up the name of a person, that usage is no longer considered conforming. The cite element now solely represents the cited title of a work; for example, the title of a book, paper, essay, poem, score, song, script, film, TV show, game, sculpture, painting, theater production, play, opera, musical, exhibition, legal case report, or other such work.

Nem nyert. A cite elem valóban forrás megjelölésre szolgál, de a forrásmű megjelölésére, HTML5-ben személynév leírására nem javasolt. Tehát ezt a lehetőséget biztonsággal kizárhatjuk.

Számomra úgy tűnik, a feladott példában a nevet nem tudjuk arra szoglálaló tagek közé zárni. Megoldás lehet a hCard mikroformátum használata erre, hiszen az valóban nevek leírására szolgál. Egy lehetséges megoldása a feladatnak tehát az alábbi:

<p><q>There was a young man from Nantucket</q>
wrote <span class="vcard fn">John Keats</span> in his <cite>Ode on a Grecian Urn</cite>.</p>