skočit na obsah skočit na komentáře skočit na vyhledávání

blog | filosof webdesign

26. 7. 2006 | webdesign:

Jak si znepříjemnit kódování

Používání některých tagů by se mělo trestat.

Používání některých tagů by se mělo trestat. Dneska nebudu flusat kyselinu na profláklý a navždy prokletý anti-css-tag FONT, ale na tag srovnatelné hrůznosti, leč mnohem vyššího rozšíření. Budeme lámat přes koleno samotného velkého zalamovače (především proto, že celý den přepisuju php kód, který je zalamovačem naplněn až po okraj).

Šedá tageminence

BR neboli zalomení řádku. Tag, který je mnohými zneužíván v naprosto nepředstavitelných situacích. Potřebujete zalomit řádek? Použijete BR a život jde dál. Proč by to mělo někomu vadit?

A teď se vrhněte na styly

Zkuste si nastylovat odstavec, který je vytvořen pomocí dvojitého zalomení řádku. Styluje se vám dobře formulář, který je napsán stylem název-br-input-br? Zalomení řádku vás při stylování webu velmi omezí.

Když si kód zaBRoujete, tak se budou mnohem hůře vytvářet alternativní styly či měnit vzhled webu jen pomocí úpravy CSS. Je tedy mnohem výhodnější zabalit jednotlivé části kódu do jiných značek a těm nastavit vlastnost display: block (výše zmíněný formulář by vypadal úplně stejně i při kombinaci label-nazev-input).

Kdy BR použít?

Hmm.. tak třeba v odstavci, při zalamování prvního řádku s oslovením. Je to rychlé a asi to nebudete chtít měnit. Ale jinak mě moc dalších situací nenapadá. Máte jinou zkušenost?

del.icio.us | linkuj | jagg

a co na to zbytek světa?
26. 07. 06 | 17.28

Nemyslím si, že by to bylo zas až tak žhavé, ale v zásadě souhlasím. BR je veliké zlo, zvláště pokud se začátečníci naučí takto mrvit texty.

P.S.: Co dělá display: block; ? Nějak si nemohu vzpomenout :)


26. 07. 06 | 17.31

Díky File, zrovna dneska jsem potřeboval, při tvorbě svého prvního blogu (sakra to mělo být překvapení), trochu odsunout obrázek… cca o řádek níž… stydím se, jdu to ihned opravit…


26. 07. 06 | 17.56
3. Woodstock

„Ale jinak mě moc dalších situací nenapadá. Máte jinou zkušenost?“ – básničky, texty písniček…


26. 07. 06 | 18.00

Předesílám, že jsem děsná lama, ale BR já používám např. na to, aby mi wordpress za DIVem, kterym případně ukončuju článek, nechal mezeru.


26. 07. 06 | 18.47
5. Jeremy88

Ja viděl i „rádobykodéry“, kteří pomocí odsazovali <br> od sebe i celé elementy, jednoduše nakopírovali tento tag víckrát pod sebe.

Znám ještě další chybné použití tohoto prvku – namísto aby autor textu používal na jeho formátování tag <p>, raději použije dvakrát <br>.

Naopak, někdy se tento lehce problematický tag používá na vyrešení některých bugů v prohlížečích. Například Dero má takto ošetřen problém s MSIE v menu.

2 Onecar: CSS vlastnost display: block; udělá z inline elementu blokový. Občas to používám u <li>.

2 Nox.lbc : Když potřebuješ odsunout obrázek přibližně nebo i přesně o řádek níž, tak stačí napsat do stylů margin-bottom: 1em;.


26. 07. 06 | 19.01

Jeremy88: margin-top


26. 07. 06 | 19.56

margin-top jsem samozřejmě zkoušel, zas tak línej nejsem, ale očividně jsem na něco zapomněl, protože se to nehlo ;-) tak jsem tam šoupnul dvakrát BR a bylo hotovo…


26. 07. 06 | 20.14
8. Jeremy88

Jasně, je to margin-top u obrázku nebo margin-bottom u nadřazeného elementu.

A pokud se to nechce pohnout, tak někdy stačí vyzkoušet přidat tomu odsazení trochu větší hodnotu, třeba 100px a když se to ani potom nehne, tak se aspoň zúží okruh problému, ve kterém to může spočívat.

Dvakrát <br> opravdu není řešením problému :)


26. 07. 06 | 21.40

BR patří výhradně do světa poezie!


26. 07. 06 | 21.41
10. zdenek

a co treba br {display:none } ?


26. 07. 06 | 22.21
11. Kajda

Jeremy88: je tag blokový


26. 07. 06 | 22.24
12. Kajda

Samozřejmě jsem chtěl napsat, že <li> je tag blokový


27. 07. 06 | 01.05
13. PEpe

pouzivam pokud uzaviram adresu do address – tak na zalomeni radku…jinak asi jen v tech nejkrizovjejis a jinak neresitelnych situacich…souhlas


27. 07. 06 | 01.36
14. Huggi

jj..jeste ze PSPad ma ‚ctrl+h‘ a umozni se toho zbavit rychle..radsi to udelam takhle + par dalsi radikalnejsich uprav apak znova cely nastyluju nez se tim probirat..

jinak sem ale videl i horsi ‚odsazovani‘..napr 20 a vic   u sebe..;)


27. 07. 06 | 01.36
15. Huggi

[10]sakra..20 a vi &-nbsp; u sebe ;)


27. 07. 06 | 08.17

Tag BR používám většinou jen v patičce webu, když chci zalomit příliš dlouhý text patičky a nechci to dělat pomocí více odstavců a pak ještě v některých specifických tabulkách k zalomení několikařádkových textů (nikoliv však tabulkového charakteru), které potřebuji mít v jedné buňce tabulky (viz např. http://www.chaps.cz/ke-stazeni-aktualizace-idos-win.asp).


27. 07. 06 | 08.18

Jo a ještě ten tag používám v básničkách.


27. 07. 06 | 08.46

[10] – hmm.. takže tímto způsobem nejen, že nenaformátuješ okolní text, ale navíc konstatuješ, že sis napsal blbej kód, protože jsi tam to BR vlastně nechtěl :-)


27. 07. 06 | 10.09
19. noname

je to jednoduché, (respektive jak píšou strictaři je ekvivalentem SHIFT+ENTER v tabulkovém procesoru. Takže patří všude tam, kde byste při psaní použili SHIFT+ENTER. A kde to je? No právě že téměř nikde. Když nastavím můj standardní psací styl, tj. odsazení první řádky a mezera za odstavcem 0.5em, tak se použití zalomení řádku omezuje výhradně tuším na podpis či adresu, takže něco jako
Noname
Ředitel zeměkoule

Jinak k bych osobně zařadil imho větší hrůznost resp. a také většinu použití a a id=„abc“. Naprostá většina i velmi pokročilých kodérů používá naprosto zbytečně tyto bezvýznamové značky či pojmenování a tak dělají hrůzy typu

Název

(nechci říct, že by to bylo ve 100% případů nesmysl, ale v 99,9% ano)


27. 07. 06 | 10.14
20. noname

aha, takže pardon, ono to odstraňuje tagy.
bylo to

..je to jednoduché, BR (respektive jak píšou strictaři BR /)

…Noname BR ředitel zeměkoule

…Jinak k bych osobně zařadil imho větší hrůznost div /div resp. span /span a také většinu použití div a span a id=„abc“

…tak dělají hrůzy typu
div id = header
h1 id = nazev span /span tohle je nazev /h1
/div


27. 07. 06 | 17.59
21. Dundee

Kdyz uz sme u toho, jak jsou tagy BR spatny, nenapsal by mi nekdo reg.vyraz, kterej nahradi vsechny dvojnasobny odsazeni tagama pro odstavec?

$text = eregi_replace­(„\n([[:space­:]])\n([^\n]+)\n([[:spa­ce:]])\n“,„\\2­“,$text);

zkousim tohle, ale nejde mi to…Proto mam v blogu prasarnu typu nl2br…


28. 07. 06 | 15.49
22. Dundee

Koukam, ze asi budu muset prostudovat Wordpress…


28. 07. 06 | 17.45
23. Polaroid

[21] split()ni to dvěma koncema řádků, pak to projeď foreachem a všechno vobal a


29. 07. 06 | 20.04
24. Kohout

Proč je FONT anti-css-tag? Lze přece taky stylovat, ne? :)


30. 07. 06 | 16.37
25. MiSHAK

BR nepatří nikde. Do poezie s PRE! nebo .pottery{whitespace:pre} ;]


31. 07. 06 | 03.25
26. bukaJ

BR je vhodné leda když se píše třeba adresa na více řádků (jako na obálce dopisu).


31. 07. 06 | 18.54

poezie, adresy, kontaktní údaje, zalomení hlaviček sloupců v tabulce.. br je užitečný tag.

stejně jako všechny ostatní tagy je třeba jej používat na to, na co se má používat.