<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
Kodā šo tagu izmanto šādi:
Varat paeksperimentēt mainot pārlūka platumu un aplūkot, kā tas notiek:
Sadalīts teksts ar <wbr /> tagu:
Šis ir ļoti garš teksts bez atstarpēm sadalīts ar wbr tagu Šis ir ļoti garš teksts bez atstarpēm sadalīts ar wbr tagu Šis ir ļoti garš teksts bez atstarpēm sadalīts ar wbr tagu
Nesadalīts teksts ar <wbr />tagu:
ŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtagu
Esmu 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 />
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:
Šis
Nesadalīts teksts ar <wbr />tagu:
ŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtaguŠisirļotigarštekstsbezatstarpēmnesadalītsarwbrtagu
Esmu 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.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