<wbr /> tags, kurš pietrūkst draugiem.lv

Deniss Fedotovs (deni2s), 30.05.2007., 11:03

Šis nepopulārais tags <wbr /> (saīsinājums no "wordbreak") nodrošina garu vārdu sadalīšanu un pārnešanu jaunā rindā nepieciešamības gadījumā.

Ļoti noderīgi ir izmantot šo tagu, piemēram, ja ir ierobežots platums, kurā vajag ietilpināt garāku vārdu. Konkrēts piemērs ir redzams šajā pašā lapā čatā (pieejams tikai reģistrētajiem lietotājiem), kur garākie vārdi un saites tiek sadalīti ar <wbr /> palīdzību, līdz ar to čata logā ir redzams viss garais vārds un nav jāizmanto horizontālā slīdjosla (scrollbar).

Kodā šo tagu izmanto šādi:
<p>Šisirļotigarš<wbr />tekstsbezatstarpēm</p>
Ja lapas platums atļaus, tad teksts tiks attēlots vienā rindā, bet ja lapas platums būs par šauru, tad teksts automātiski sadalīsies norādītajā vietā.


Varat paeksperimentēt mainot pārlūka platumu un aplūkot, kā tas notiek:

Sadalīts teksts ar <wbr /> tagu:
ŠisirļotigarštekstsbezatstarpēmsadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmsadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmsadalītsarwbrtagu

Nesadalīts teksts ar <wbr />tagu:
ŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtagu


wbrEsmu ievērojis, ka draugiem.lv šādu tagu neizmanto (laikam nav informēti par tādu esamību), bet gariem tekstiem bez atstarpēm saliek pa vidu atstarpes.

Līdz ar to, iezīmējot šādu tekstu un nokopējot to, attēlā redzamajā piemērā, parādīsies nevis "http://foto.inbox.lv/lielaisa", kā tam vajadzētu būt, bet gan "http://foto.inb ox.lv/lielaisa", kas no lietojamības viedokļa nav korekti. Izmantojot atstarpes vietā <wbr /> tagu šāda problēma nerastos.

<wbr /> tagam ir viena problēma - to atbalsta ne visi pārlūki. Dažos pārlūkos šim tagam ir citas alternatīvas, taču sīkāk par šo problēmu un tās risinājumiem var lasīt te: http://www.quirksmode.org/oddsandends/wbr.html.




6 komentāri Komentēšana pieejama visiem.
Edgars Jēkabsons, 11.06.2007. 11:02:04 (ip:213.175.120.138)
Komentāra reitings: 0

un kāpēc gan lai pārlūki atbalstītu <wbr />, ja tas nav iekļauts nevienā w3c html specifikācijā?

dzēsts lietotājs, 11.06.2007. 11:12:44
Komentāra reitings: 0

Nevis tags, bet elements.
http://www.456bereastreet.com/archive/200508/html_tags_vs_elements_vs_attributes/

yuppio_ (yuppio@navigator.lv), 11.06.2007. 14:42:46 (ip:217.199.116.156)
Komentāra reitings: -1

ir tāda lieta kā php wordwrap

deni2s, 12.06.2007. 23:08:07
Komentāra reitings: 0

dzēsts lietotājs:
Izskatās, ka šai gadījumā to var saukt gan par tagu, gan par elementu:
"There are also some ELEMENTS that are empty, meaning that they only consist of a single tag and do not have any content. In HTML, SUCH TAGS look just like opening tags."

yuppio_:
"wordwrap — Wraps a string to a given number of characters using a string break character". Atšķirībā no <br />, <wbr /> nesadalīs simbolu virkni 2 rindās, ja tas nebūs nepieciešams. <br /> dalīs 2 rindās jebkurā gadījumā, arī tad, ja simbolu virkne teorētiski varētu satilpt vienā rindā.

Edgars Jēkabsons:
Labs jautājums, kādēļ tad tie to atbalsta :) Un tie, kuri neatbalsta, izmanto citas alternatīvas (gan jau arī bez W3C ieteikumiem). Laikam jau tāpēc, ka šis tags IR noderīgs. Labāks jautājums, kāpēc <wbr /> līdz šim nav iekļauts nevienā W3C rekomendācijā.

nitrino (nitrino@gmail.com), 17.07.2007. 05:08:29 (ip:87.226.10.80)
Komentāra reitings: 0

tas ka viņš ir, nenozīmē ka visiem tas jaizmanto. Tāpat jau daudzi ļoti labi tiek galā vai nu ar chunk_split(), vai nu wordwrap() + CSS. Problēmajauparastiirļotigarosstringosbezjebkuraspace. chunk_split() un wordwrap() to māk ielikt.

deni2s, 23.10.2007. 08:47:06
Komentāra reitings: 0

Bet ja to atstarpi nevajag vidū? Piemēram, ieliekot URL vidū atstarpi, tam zūd jēga. <wbr /> to atrisina neliekot pa vidu atstarpes.

Komentāra pievienošana

Ar * atzīmētie lauciņi ir jāaizpilda obligāti.





atpakaļ uz rakstu sarakstu

Par web.hc.lv

web.hc.lv ir vortāls, kurā tiek aplūkoti mājaslapu veidošanas un mārketinga aspekti, no idejas līdz gandarījumam.

Reklāma
ienāktreģistrēties