Pri zobrazení textové dokumenty v prehliadači sa poloha zalomenia riadku v rámci odseku určuje automaticky v závislosti od veľkosti písma a veľkosti výrezu. Zalomenie riadkov je možné vykonať iba na znakoch oddeľujúcich slová (napríklad medzery). Niekedy je v dokumentoch potrebné nastaviť vynútený posun riadkov, ktorý sa implementuje bez ohľadu na nastavenia prehliadača. Na tento účel sa používa značka núteného posunu riadku.
, ktorý nemá zodpovedajúcu koncovú značku. Zahrnutie značky
do textu dokumentu zabezpečí, že nasledujúci text bude umiestnený od začiatku Nový riadok. Tento prístup možno použiť napríklad na vytvorenie štruktúr typu zoznam bez použitia špeciálnych značiek na označenie zoznamu. Alebo napríklad táto značka je nepostrádateľná pri zobrazovaní básní atď.
Tu je príklad použitia núteného posuvu vlasca (obr. 1.8):
Nad temným Petrohradom
November dýchal jesenným chladom.
Ponáhľa sa v hlučnej vlne
Na okraji jeho štíhleho plota,
Neva sa ponáhľala ako pacient
Nepokojný vo svojej posteli.
A.S. Puškin. Bronzový jazdec
Ryža. 1.8. Tag
možno použiť na vynútenie zalomenia riadku
Na rozdiel od značky odseku
Pri použití značky
nevygeneruje sa žiadny prázdny reťazec.
Použitie značky
vyžaduje opatrnosť – je možné, že prehliadač už vykonal riadkovanie o jedno alebo dve slová predtým, ako sa stretol s vašou značkou
. Stáva sa to, ak je šírka okna prehliadača menšia ako rovnaké nastavenie v programe, v ktorom ste testovali dokument. V tomto prípade sa môže ukázať, že v riadku v strede odseku zostane iba jedno slovo, čím sa naruší krása rozloženia dokumentu.
Poznámka
Pri použití značky
ak chcete prelomiť text, zalomiť okolo obrázka alebo tabuľky, môžete nastaviť možnosť VYMAZAŤ na zastavenie zalamovania textu. Viac si o tom môžete prečítať v kapitolách 3 a 4.
značky u
Existujú situácie, keď je potrebné vykonať operáciu opačného účelu - zakázať posuv linky. Na to existuje kontajnerová značka.
Poznámka
Na zabezpečenie kontinuity textu nachádzajúceho sa v bunkách tabuliek existuje špeciálny parameter Značka NOWRAP. Viac sa o tom môžete dozvedieť v kapitole 4.
Označenie textu pomocou značky pevného riadku
, nepotrebuje uzatváraciu značku.
Poznámka
Tag
Všetky alebo takmer všetky sa používajú v rozložení. Koľko z nás, zadávanie kódu
myslí si: je tu naozaj potrebný? Medzi neskúsenými sadzačmi môžete často vidieť rozloženia tohto druhu: rozloženie menu
A môžete nájsť aj tieto úžasné odseky:
Môže vzniknúť otázka: ak stránka zobrazuje všetko podľa návrhu, čo je tu zlé? A inak tomu nie je ani v tomto prípade - tento strašidelný, pokrivený, lamerský kód, ktorý hovorí o veľmi nízkej kvalifikácii dizajnéra rozloženia, ktorý sa ani neobťažoval vymýšľať zadania.
Použiť
pri tvorbe paragrafov je to ako zatĺkanie klincov skrutkovačom (aj to je nástroj, prečo nezatĺcť klinec, iný).
Na čo je značka?
?
aktualizácia 23.02.2010 - s "trikami" s medzerami: pre, musíte byť opatrní, pretože pri tomto formátovaní sa riadky, ktoré sa nezmestia do bloku, automaticky nezalomia do nového riadku. To platí najmä pre gumené vzory. V takýchto prípadoch je však potrebné aplikovať
.
P ( medzera: pred; )
Poznámka
Komunita fanúšikov sémantického rozloženia nebola vôbec zahrnutá
v .
Kde by nemalo byť
?
- použite značky na určený účel: pre odseky to je< >, pre zoznamy a -< >, < >, < >atď.;
- na formátovanie textu a nastavenie použitia zarážok, ako napríklad ;
- použite jednotlivé prvky na vytvorenie čiar (na tento účel sú najvhodnejšie neutrálne značkovacie prvky< >a< >).
Pozrime sa na niekoľko praktických príkladov. Odseky:
Vysoko výkonné riešenie má veľký priepustnosť- až 6,2 Gbps a je ideálny nielen pre prenos hlasu a videa, ale aj pre nové aplikácie vyžadujúce šírku pásma, ako sú online hry.
SGSN je schopný podporovať až 1,5 milióna aktívnych PDP relácií.
P ( okraj-dole: 12px; )
Niekoľko riadkov telefónnych čísel:
The HTML
prvok vyrába a zalomenie riadku v texte (carriage-return). Hodí sa pri písaní básne alebo adresy, kde je výrazné delenie riadkov.
Zdroj tohto interaktívneho príkladu je uložený v úložisku GitHub. Ak by ste chceli prispieť k projektu interaktívnych príkladov, naklonujte https://github.com/mdn/interactive-examples a pošlite nám žiadosť o stiahnutie.
Ako môžeš pozri z vyššie uvedeného príkladu, a
prvok je zahrnutý v každom bode, kde chceme, aby sa text zlomil. Text po
začína znova na začiatku ďalšieho riadku textového bloku.
Atribúty
Zastarané atribúty
jasný Označuje, kde začať ďalší riadok po prestávke.Styling pomocou CSS
The
prvok má jediný, presne definovaný účel - vytvoriť zalomenie riadku v bloku textu. Ako taký nemá žiadne vlastné rozmery ani vizuálny výstup a pre jeho úpravu môžete urobiť len veľmi málo.
Môžete nastaviť okraj
samotné prvky, aby sa zväčšili medzery medzi riadkami textu v bloku, ale to je zlý postup – mali by ste použiť vlastnosť line-height, ktorá bola na tento účel navrhnutá.
Príklady
jednoduchý br
V nasledujúcom príklade používame
prvky na vytvorenie zalomení riadkov medzi rôznymi riadkami poštovej adresy:
Mozilla
331 E. Evelyn Avenue
Mountain View, CA
94041
USA
Výsledok vyzerá takto:
Obavy s dostupnosťou
Vytváranie samostatných odsekov textu pomocou
nie je len zlou praxou, je problematická pre ľudí, ktorí sa pohybujú pomocou technológie čítania obrazovky. Čítačky obrazovky môžu oznámiť prítomnosť prvku, ale nie akýkoľvek obsah v ňom obsiahnutý
s. Pre osobu, ktorá používa čítačku obrazovky, to môže byť mätúce a frustrujúce.
použitie
Prvky a pomocou vlastností CSS, ako je okraj, riadite ich rozstup.
technické zhrnutie
kategórie obsahu | Obsah toku, obsah fráz. |
---|---|
Povolený obsah | Žiadny, je to prázdny prvok. |
Označiť misiu | Musí mať počiatočnú značku a nesmie mať koncovú značku. V dokumentoch XHTML napíšte tento prvok ako . |
Povolení rodičia | Akýkoľvek prvok, ktorý akceptuje obsah fráz . |
Povolené roly ARIA | akýkoľvek |
Rozhranie DOM | ). Zdedí z HTMLElement."> HTMLBRElement |
technické údaje
Špecifikácia | Postavenie | Komentujte |
---|---|---|
Životný štandard HTML Definícia " “ v tejto špecifikácii. |
Štandard bývania | |
HTML5 Definícia " “ v tejto špecifikácii. |
Odporúčanie | |
Špecifikácia HTML 4.01 Definícia " “ v tejto špecifikácii. |
Odporúčanie |
Kompatibilita prehliadača
Tabuľka kompatibility na tejto stránke je vygenerovaná zo štruktúrovaných údajov. Ak by ste chceli prispieť k údajom, pozrite si https://github.com/mdn/browser-compat-data a pošlite nám žiadosť o stiahnutie.
Aktualizujte údaje o kompatibilite na GitHub
Desktop | Mobilné | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | hrana | Firefox | internet Explorer | Opera | safari | android webview | Chrome pre Android | Firefox pre Android | Opera pre Android | Safari na iOS | Internet Samsung | |
br | Plná podpora prehliadača Chrome 1 | Plná podpora Edge Áno | Plná podpora Firefoxu 1 | IE Plná podpora Áno | Opera Plná podporaÁno | Plná podpora Safari Áno | ||||||
jasný Zastarané | Plná podpora prehliadača Chrome 1 | Plná podpora Edge Áno | Plná podpora Firefoxu 1 | IE Plná podpora Áno | Opera Plná podporaÁno | Plná podpora Safari Áno | WebView Plná podpora Androidu Áno | Chrome Plná podpora Androidu Áno | Firefox Plná podpora pre Android 4 | Opera Android Plná podpora Áno | Safari iOS Plná podpora Áno | Plná podpora Samsung Internet Android Áno |
Prehliadač | internet Explorer | Netscape | Opera | safari | Mozilla | Firefox | |||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Verzia | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
Podporované | Áno | Áno | Áno | Áno | Áno | Áno | Áno | Áno | Áno | Áno | Áno | Áno | Áno |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Popis
Tag
nastaví nový riadok na miesto, kde sa nachádza táto značka. Na rozdiel od značky odseku
Použitie značky BR nepridáva prázdnu zarážku pred riadok. Ak sa text, ktorý používa nový riadok, obtáča okolo plávajúceho prvku, použite parameter clear značky
ďalší riadok môžete začať pod prvkom.
Syntax
Text
text
možnosti
clear Hovorí prehliadaču, ako má spracovať ďalší riadok, ak sa text zalomí okolo plávajúceho prvku.Záverečná značka
Nevyžaduje sa.
Príklad 1: Použitie značky
R.L. Stevenson
V krajine prišlo leto
Vres opäť kvitne.
Ale nemá kto variť
Vresový med.
Výsledok tento príklad ani obr. jeden.
Ryža. 1. Typ textu pri použití značky
Popis parametrov tagu
parameter CLEAR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Popis
Parameter clear hovorí prehliadaču, ako má spracovať ďalší riadok, ak sa text zalomí okolo plávajúceho prvku. Plávajúci prvok je obrázok, ktorý má nastavený parameter zarovnania alebo vrstva, na ktorú sa aplikuje vlastnosť css plavák .
Výsledok použitia parametra clear závisí od hrany, ku ktorej je prvok zarovnaný, a od hodnoty argumentu clear. Takže, ak je obrázok zarovnaný doľava, a hodnota parametra clear značky
nastaviť na všetky alebo doľava , potom text za značkou
sa zobrazí pod obrázkom. Akákoľvek iná hodnota parametra clear spôsobí, že text sa umiestni napravo od obrázka a zalomí sa okolo neho.
Syntax
Argumenty
all Zruší zalomenie prvku z pravého a ľavého okraja súčasne. left Obráti tok na ľavej strane prvku za značkou. right Zruší obal na pravej strane prvku. žiadny Zruší túto vlastnosť.
Predvolená hodnota
CSS analóg
Príklad 2: Rozbaľovanie textu
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue.
Výsledok príkladu je znázornený na obr. 2.
Ryža. 2. Zrušenie obtekania textu okolo bloku
Poznámka
Používanie parametra clear v špecifikácii HTML 4 je zastarané a namiesto toho sa odporúča. css prvok jasné - BR ( jasné: obe | ľavé | žiadne | pravé ).
Často je potrebné pridať nový odsek, ale bez prázdneho riadku, ktorý vkladá značka odseku
Pre niektoré časti textu sú štandardné intervaly prijaté pre odseky jednoducho nevhodné. Môžu to byť nápisy pod obrázkami a v tabuľkách, básne, citáty, poznámky pod čiarou a poznámky.
Pre vynútené zalamovanie riadkov je k dispozícii špeciálna značka, ktorej funkcia je vložená do názvu br (prelomiť riadok - "prelomiť riadok, riadok"). Tag
html hypertextový značkovací jazyk znamená, že všetok nasledujúci obsah musí začínať na novom riadku. V prípade potreby môžete umiestniť niekoľko štítkov za sebou, aby ste dosiahli požadovaný rozstup.
Tag
nerozlišuje veľké a malé písmená a nevyžaduje uzatváraciu značku, pretože je to prázdny prvok, ale je lepšie si zvyknúť na zatváranie všetkých značiek. V XHTML musí byť značka prerušenia "pevne uzavretá" so spätnou lomkou.
Príklad značky prerušenia
<р>Chôdza v službeр>
Nikde inde a nikdy
Nebol som taký zlý
Hlavy chamtivej hordy
Hryzol ma zaživaр>
Chôdza v službe
Nikde inde a nikdy
Nebol som taký zlý.
Hlavy chamtivej hordy
Zje ma zaživa.
Atribút značky
Jediný atribút, že html tag
, sa nazýva Informuje prehliadač, čo má robiť so zalamovaním riadkov, ak text potrebuje obtekať okolo takzvaného plávajúceho prvku, ako je napríklad obrázok s atribútom zarovnania pomocou hodnôt right/left, alebo blok v CSS, ktorý má float majetok.
V špecifikáciách XHTML 1.0 / HTML 4.01 možno atribút clear použiť iba s prechodovými, Frameset a, inak kód nebude fungovať.
Vlastnosti atribútu značky
Účinok použitia atribútu clear závisí od jeho hodnoty a umiestnenia plávajúceho prvku. Atribút môže mať 4 hodnoty:
Ľavá hodnota bráni zalomeniu prvku zarovnaného doľava, takže text „narazí“ na značku
, bude umiestnený pod obrázkom alebo iným plávajúcim prvkom.
Presne rovnaký výsledok získate použitím argumentu all, ktorý nikdy nedovolí ani pravicu, ani ľavicu.
Správna hodnota zabraňuje obtekaniu textu okolo prvku zarovnaného doprava, teda za značkou
text nebude mať inú možnosť, ako obísť obrázok a obísť ho doprava.
Hodnota none ("ani tvoja ani naša") úplne odstráni všetky oprávnenia z atribútu clear a značka
ticho zabalí linku nadol.
Pre atribút clear značky neexistuje žiadna predvolená hodnota.
Tag
je mäkký prevod
Značka zalomenia riadkov je veľmi praktická na vytvorenie potrebných medzier medzi odsekmi, v rámci ktorých sa používa ako jemné zalomenie, ale nie ako prostriedok na rozdelenie textu na odseky.
Nemali by ste sa príliš nechať uniesť značkou nového riadku pre formátovanie textu, pretože výsledky nie sú vždy elegantné.
Napríklad, ak použijete značku
na preklad riadkov v rámci odseku to môže spôsobiť, že sa v okne používateľa objaví „hrebeň“, ak je menšie ako okno, na ktoré sa správca webu zameral.