Jaké jednotky pro stylování básničky?

<pre> je typicky básnička? To snad ne?
Neznám pro básničku vhodnější element než odstavec s od<br>eaknutými řádky:

klidně použij na písmo pixely, ty se vykreslují na obrazovce vždy stejně, pokud je tedy testováno na stejném rozlišení.

Joan:
máš někde odkaz? Zdá se mi to celé trochu divoké :-)

A co tohle?

Červené orámování je tam, aby bylo vidět, jak to "obal" drží pohromadě, klidně ho odstraň.

Bubák:
Já myslím, že může použít jakýkoliv tag na tu básničku, když se jí <pre> líbí, tak bych jí nevnucoval odstavec, ostylovat se to dá vždy, ale třeba se jí líbi formátování, které pre nabízí.

Tayger:
„ale třeba se jí líbi formátování, které pre nabízí.“
Sémanticky na básničku nic rozumného kromě odřálkovávaného odstavce není, a tuším, že ani HTML5 na tom nic nezmění, i když jakési pokusy "vynalézt" element pro poezii byly.
Na vzhled (formátování) už hezkou řádku let máme CSS, vždyť sám píšeš: „ostylovat se to dá vždy“.

Bubák:
„Na vzhled (formátování) už hezkou řádku let máme CSS, vždyť sám píšeš: ‚ostylovat se to dá vždy‘.“
JJ, to píšu a je to pravda a na básničku lze použít spousta věcí, stačí to jen dobře promyslet. Nevím jak to bude v HTML5, to je opravdu ve hvězdách, ve hvězdách je i to, zda se vůbec ujme, současné nástroje jsou totiž plně dostačující. Když si člověk otevře stránku, tak tam vidí pouze div div div a vntiřní fotmátovací tagy, kterou jsou stejně plně v moci css. Kdyby místo dlouhého vyvíjení HTML, vymysleli a doplnili další funkce CSS, udělali by lépe. Stejně, než bude HTML5 v kurzu, tak se minimálně ještě parkrát protočí verze prohlížečů a kolik chaosu to přinese. :-D

Tayger:
„na básničku lze použít spousta věcí, stačí to jen dobře promyslet.“
taky se dá použít na každý řádek básničky sólo div, že?

Samozřejmě, použít se dá kdeco, ale ne vše je (sémanticky) správně. A sémanticky správných řešení bývá málo, většinou právě jedno.

Osobně vůbec nevidím problém použít <pre>.

Joan:
„K čemu je tedy vhodný tag <pre>?“
těžko říct :-)

Tady na diskusi se pomocí <pre> vypisují kódy. <code> dle svého jména slouží k témuž (výpis kódů), jen je řádkový. Zatímco u výpisu kódu je nezbytné zachovat odsazení, u básničky taková potřeba není, pokud se nepletu.

„kdy který použít, aby to bylo sémanticky správně?“
u těhle to je vcelku jedno. Určitě záměna těchto není tak hrozná, jako dát místo nadpisu div, jak to někteří dělají. Svým příspěvkem [#12] jsem <pre> rozhodně nezavrhoval, jen jsem vyjádřil nesouhlas s tvrzením „na básničku lze použít spousta věcí, stačí to jen dobře promyslet“.

Abych ti to ještě trochu zamotal, nezmínila jsi <samp> :-)


zdroj: http://www.w3.org/TR/html4/struct/text.html#edef-CODE

Značka <pre> je v podstatě určena pro obsah, u kterého je žádoucí formátovaní pomocí bílých znaků, což básnička i zdrojový kód je, ten může být navíc ještě ve značce <code>.

Tayger:
„na básničku lze použít spousta věcí, stačí to jen dobře promyslet“
Jasně, třeba <address>, <ol>, <input>, <textarea>, no a úchvatně by mohla vypadat básnička, kde by každý řádek byl jeden <marquee>.
Jelikož formátování určuje CSS, na básničku lze použít většinu HTML prvků, ale to neznamená, že to tak je správně.

Joan:
„K čemu je tedy vhodný tag <pre>“
<pre> je značka označující text, který už je naformátovaný jiným způsobem než HTML (proto se zachovávají mezery a tak).
Podobně jako panther si nemyslím, že by <pre> pro básničku byl úplně vyloučený, spíš podle situace.

Joker:
> „na básničku lze použít spousta věcí, stačí to jen dobře promyslet“
> Jasně, třeba <address>, <ol>, <input>, <textarea>, no a úchvatně by mohla vypadat básnička, kde by každý řádek byl jeden <marquee>.
> Jelikož formátování určuje CSS, na básničku lze použít většinu HTML prvků, ale to neznamená, že to tak je správně.

A tvrdím snad, že je to správně? Jen jsem podotknul, že lze na ni použít cokoliv, jen to dobře promyslet. To neznamená, že schvaluji použití divu místo nadpisu, jak zde panter podotknul, ani neschvaluji jiné způsoby, které nejsou zrovna správné. Vše co jsem chtěl svým příspěvkem říci je, že ve světě HTML+css si člověk může s formátováním dělat co chce, když to dobře promyslí a jde to udělat s jakýmkoliv párovým tagem, který má spojitost s formátováním v BODY.
Nuže nechytejte se za má slovíčka, protože jak je vidno, mou myšlenku jste nepochopili.

A co je špatného na tom, aby si použila PRE? Jdnou to už má tak napsáno, tak proč ji někdo radí, ať to přepíše, aby to bylo podle něj správně? To nemůžete myslet vážně.

Jinak třeba já osobně nechápu, proč bubák nabízí absolutně stejné řešení jako Miloš. :-O Navíc sama Joan napsala na něj toto:

Joan:
> Zkusila jsem, ale:
> 1) mnohem nepřehlednější než uvnitř <pre>, které taky formátuje přesně podle napsaného

No tak proč ji tedy navrhujete znovu něco takového, když je pro ni pre přehlednější?

Není to směřováno na tebe ani na panthera, jen mě trochu zaráží, že máte takové reakce a vlastně i ten fakt, že je ji strkná něco co už jednou odmítla. Jo a nemusíš ze mě dělat vola, moc dobře vím na co jaký tag použit.

Joan:
„Je fakt, že já ten blok s verši nemám ničím obalený.“
DIV "obal" jsem použil proto, aby každá básnička byla orámována rámečkem o šířce nejširšího řádku na stránce. Podle popisu předpokládám, že jsi se o něco takového pokoušela.

„kdyžtak nahraju i odkaz“
Z toho a z případného popisu přesně jasné, o co se pokoušíš.

„<samp>? To existuje?“
Sice odbíháme od tématu, ale "oficiální", tagy, přesněji seznam tagů podle secifikace HTML 4.01 je tady:
http://www.w3.org/TR/REC-html40/index/elements.html
Prohlížeče toho podporují vice, nejpoužívanější "neznámý" tag je EMBED, pokud by tě téma zajímalo, založ nové vlákno.

„na této stránce je zrovna v ukázce použití tagu PRE použito pár veršů - přesně moje potřeba“
Použít element PRE jen kvůli výchozího vzhledu není dobrý nápad. Jestli je vhodnější PRE, nebo P, vidíme, až dáš odkaz.

Ale nehrotil bych to, nebude to taková prasárna, jako třebas použití DIVu na nadpis, nebo kopy odkazů na menu.

Tayger:
„Jinak třeba já osobně nechápu, proč bubák nabízí absolutně stejné řešení jako Miloš.“
Protože s Milošem souhlasím. Přidal jsem k tomu CSS, aby bylo jasné, že Milošův návrh le použitelný.

„No tak proč ji tedy navrhujete znovu něco takového, když je pro ni pre přehlednější?“
Naprosto nechápu, v čem je PRE přehlednější. V tom, že na konci řádků nemusím psát brka? Ale počkám na odkaz s ukázkou básničky.

Tayger:
„tak proč ji někdo radí, ať to přepíše, aby to bylo podle něj správně? To nemůžete myslet vážně.“
možná proto, že Joan má dle předchozích příspěvků a témat o problematiku zájem a chce mít web dokonalý? Chce se naučit kódovat správně? Navíc, zaměnit jednu počáteční a jednu koncovou značku takový problém není.

Vůbec to nejsou nikterak nepřiměřené reakce, jen návrhy, nápady a rady (dobře míněné).

„Jo a nemusíš ze mě dělat vola, moc dobře vím na co jaký tag použit.“
vola z tebe nikdo nedělá, jen musíš volit vhodná slova, aby to vyznělo tak, jak chceš. Co se užívání tagů týče, to, že víš, co kde použít, si ve vlastním zájmu nemysli - snadno se ti stane, že se spokojíš s dosavadní znalostí problematiky a nebudeš se chtít dále vzdělávat a znalosti rozvíjet :-)

Bubák:
„Sice odbíháme od tématu, ale "oficiální", tagy, přesněji seznam tagů podle secifikace HTML 4.01 je tady:“
nemyslím si, že je to až takové odbíhání - pre, code, samp - když se bavíme o dvou, je dobře zmínit i ten třetí. Netýká se to básničky, ale problematiky jako takové, jež tu s Joan řešíme.

panther:
pleas, už dost promlouvání do duše. :-D Nemusíš se bát, že to nechápu, opravdu jsem rád, že něco takového napíšeš mě v takovém duchu, myslím, že jiní by to tak dobře nebrali. A toho vola se zastávám, z jeho příspěvku mám takový pocit. ;-)

Bubák:
> „No tak proč ji tedy navrhujete znovu něco takového, když je pro ni pre přehlednější?“
> Naprosto nechápu, v čem je PRE přehlednější. V tom, že na konci řádků nemusím psát brka? Ale počkám na odkaz s ukázkou básničky.

Tak fajn, když to nechápeš, tak já ti to vysvětlím.

Uvnitř tagu <pre> totiž neplatí základní pravidlo HTML syntaxe, které konec řádku bere jako mezeru a skupinu mezer chápe jako mezeru jednu. Takže případné násobné mezery a konce řádků se v prohlížeči zobrazí stejně jako ve zdroji.

Nuže sám vidíš v čem je pre přehlednější. A pokud stále ne, tak prostuduj tag pre.

Tayger:
„Nuže sám vidíš v čem je pre přehlednější.“
Jaké štěstí, že neděláme "přehledné tabulky" ;-)

Bubák:
Herdek nestraš tu s tabulkama, noční můra, která mě budí ze sna. :-D

Jsou situace, kdy i na básničku bych použil <pre>, a to v takovém případě, jako jsou Havlovy typogramy Antikódy, kde skutečně záleží na tom, jak je text rozložený.
Zcela obdobně bych použil prehistorického <font>u v případě, chtěl-li bych napsat, že Oproti tomu všude tam, kde není rozložení textu nositelem významu by mě ani nenapadlo <pre> použít, stejně jako bych nepoužil <font>, kdybych chtěl text obarvit modře jen proto, aby to bylo hezké.

Tayger:
„nestraš tu s tabulkama“
Máš něco proti tabulkám? Na tabulky nic lepšího než <table><th><td> neznám.
A nejlepší tabulky jsou tabulky čokolády. :-D

Miloš:
> Zcela obdobně bych použil prehistorického <font>u v případě, chtěl-li bych napsat, že
>
> 1
>
> <font color="#0000ff">toto je modrý text</font>
No tak já ti nevím, ale ani toto si prehistorický tag nezaslouží. :-)

> Máš něco proti tabulkám? Na tabulky nic lepšího než <table><th><td> neznám.
> A nejlepší tabulky jsou tabulky čokolády. :-D
A to bude jak fungovat v praxy? hodně mi chybí tr :-D

Tabulka čokolády může být dobrá, ale určitě né nejlepší. :-)

Tayger:
A jak bys sémantičteji zapsal modrý text, který nese informaci o tom, že je modrý?

Miloš:
Například inline stylem, když už bude nejhůře. ;-)

Proč? Jediný rozumný důvod, pěkně prosím. Co je na <font color nesémantického?