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
Označiť
nastavuje informačný kanál, kde sa nachádza táto značka. Na rozdiel od značky odseku
Použitie značky BR nepridá pred riadok prázdne odsadenie. Ak sa text, ktorý používa nový riadok, obtáča okolo plávajúceho prvku, potom pomocou parametra clear značky
nasledujúci riadok môžete spustiť pod prvkom.
Syntax
Text
text
možnosti
clear Informuje prehliadač, ako má spracovať nasledujúci riadok, ak sa text obtáča okolo plávajúceho prvku.Koncová 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 znázornené na obr. 1.
Ryža. 1. Typ textu pri použití značky
Popis parametrov tagu
CLEAR parameter
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Popis
Parameter clear hovorí prehliadaču, ako má zaobchádzať s ďalším riadkom, ak sa text obtáča okolo plávajúceho prvku. Plávajúci prvok je obrázok, ktorý má parameter zarovnania alebo vrstvu, na ktorú je aplikovaný Vlastnosť CSS plavák.
Účinok použitia parametra clear závisí od okraja, ku ktorému je prvok zarovnaný, a hodnoty argumentu clear. Ak je teda obrázok zarovnaný doľava a hodnota jasného parametra značky
nastaviť na všetky alebo doľava, potom text za značku
sa zobrazí pod obrázkom. Akákoľvek iná hodnota parametra clear spôsobí, že sa text bude vznášať napravo od obrázka a bude okolo neho prúdiť.
Syntax
Argumenty
všetko Rozbalí prvok súčasne z pravého a ľavého okraja. left Zruší obal na ľavej strane prvku za značkou... vpravo Zruší tok napravo od prvku. žiadny Zruší účinok tejto vlastnosti.
Predvolená hodnota
Analógový CSS
Príklad 2. Zrušenie zalamovania textu
Veľa času na sedenie, myslenie si elita, sed diem nehumánnosť, euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Hromadné sťahovanie má za následok veľké množstvo dôsledkov, ktoré môžu mať za následok veľké množstvo problémov, ktoré môžu viesť k ďalším problémom, ako napríklad k ďalšiemu nárastu, k ďalšiemu zvýšeniu počtu žiadostí o zamestnanie a k dosiahnutiu konečného výsledku.
Výsledok príkladu je znázornený na obr. 2.
Ryža. 2. Zrušenie toku textu okolo bloku
Poznámka
Použitie parametra clear v špecifikácii HTML 4 je zastarané a namiesto toho sa odporúča Prvok CSS clear - BR (clear: both | left | none | right).
Lekcia 5.
V tomto návode sme:
1. Naučme sa vyrábať html kód bolo pre nás pohodlnejšie a čitateľnejšie.
2. Analyzujme, ako správne vykonať zalamovanie textového riadku.
Html kód je šikovný.
Teraz je náš kód jasný a ľahko čitateľný, pretože je v ňom málo textu a takmer žiadne značky. Keď vytvoríme komplexnejšiu stránku, bude existovať veľa značiek, takže bude ťažké nájsť tú, ktorú potrebujete.
Aby z tagov nevznikol neporiadok, musíte tagy a riadky najskôr usporiadať tak, aby boli vizuálne jednoduchšie vnímané. Keď prehliadač číta informácie zo stránky html, nezáleží na tom, koľko medzier alebo koľko prázdnych riadkov je v kóde.
Zmenil som text v kóde stránky vzhľadom na ten, ktorý sme vytvorili, ale to nevadí. Ľavý a pravý obrázok zobrazuje rovnaký kód. Obe možnosti zobrazí prehliadač na obrazovke monitora úplne rovnakým spôsobom. Súhlasíte, práca s kódom zobrazeným vpravo bude oveľa jednoduchšia ako s kódom vľavo.
Kód, ktorý zvažujeme, je veľmi jednoduchý, ale aj teraz je viditeľný rozdiel vo vizuálnom vnímaní. Neexistujú žiadne jednoznačné pravidlá pre „usporiadanie vecí“, každý majster sa sám rozhodne, ako je pre neho pohodlnejšie pracovať.
Html zlom riadka. Značka & ltbr & gt.
Dávajte pozor na obrázok. V prvej verzii je text napísaný v jednom riadku, v druhej verzii v dvoch riadkoch.
Prehliadač zobrazí obe možnosti rovnako. Text bude napísaný v jednom riadku:
Pýtate sa, prečo je to tak? V jednom z kódov bola časť textu skutočne prenesená do iného riadka. Bolo by logické, keby sa v prehliadači časť textu presunula aj na iný riadok, ale html má v tomto smere svoju logiku. Ak v html kóde urobíme zlom riadka, potom je pre prehliadač ekvivalentom jednej medzery(ako normálna medzera medzi slovami v texte). Ak časť textu posunieme nie o jeden riadok nadol, ale o 2 alebo 3 (ľubovoľné číslo), prehliadač potom bude túto vzdialenosť stále počítať ako jednu obyčajnú medzeru medzi slovami a pri zobrazení na obrazovke sa text zapíše do jedného riadka .
& Ltbr & gt tag
Keď sme sa s tagmi zoznámili v tretej lekcii, spomenul som, že existujú tagy, ktoré nevyžadujú zatváranie. Označiť & ltbr & gt jeden z nich, slúži na prerušenie riadkov.
Aplikujme to v kóde:
Vložili sme štítok & ltbr & gt do nášho html kódu a teraz, keď sa súbor spustí cez prehliadač, časť textu sa prenesie do ďalšieho riadka.
* Nezabudnite uložiť zmeny do programu Poznámkový blok (Ctrl + S) a obnoviť stránku v prehliadači (F5).
Pri zobrazovaní textové dokumenty v prehliadači je poloha prerušenia riadka v rámci odseku určená automaticky v závislosti od veľkosti písem a veľkosti zobrazenej oblasti. Konce riadkov je možné vykonávať iba pomocou znakov oddeľujúcich slová (napríklad medzery). Dokumenty niekedy vyžadujú vynútený posun riadka, ktorý je implementovaný bez ohľadu na nastavenia prehliadača. Na tento účel použite značku núteného podávania riadkov.
ktorý nemá zodpovedajúcu koncovú značku. Zahrnúť značku
v texte dokumentu zabezpečí umiestnenie následného textu od začiatku Nový riadok... Tento prístup je možné napríklad použiť na vytváranie štruktúr, ako sú zoznamy, bez použitia špeciálnych značiek na značkovanie zoznamov. Alebo napríklad táto značka je nepostrádateľná pre zobrazenie básní atď.
Tu je príklad použitia núteného podávania riadkov (obr. 1.8):
Nad zatemneným Petrohradom
Dýchal november s jesenným chladom.
Špliechanie v hlučnej vlne
K okrajom vášho štíhleho plotu,
Neva sa ponáhľala ako pacient
Nepokojný v jej posteli.
A.S. Puškin. Bronzový jazdec
Ryža. 1,8. Označiť
môže byť použitý na vynútenie posuvu vlasca
Na rozdiel od značky odseku
Pri použití značky
prázdny reťazec sa nevygeneruje.
Použitie značky
vyžaduje opatrnosť - je možné, že prehliadač už vytvoril riadok alebo jedno alebo dve slová predtým, ako narazí na vašu značku
... K tomu dôjde, ak je šírka okna prehliadača čitateľa menšia ako rovnaký parameter programu, pomocou ktorého ste testovali dokument. V takom 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
na rozdelenie textu, pohybujúceho sa okolo obrázku alebo tabuľky, môžete zadaním parametra CLEAR zastaviť plynulý text. Dočítate sa o tom v kapitolách 3 a 4.
Tagy: u
Existujú situácie, keď je potrebné vykonať operáciu opačného účelu - zakázať podávanie linky. Existuje na to kontajnerová značka.
Poznámka
Na zaistenie kontinuity textu umiestneného v bunkách tabuliek existuje špeciálny parameter NOWRAP tag. Viac sa o tom môžete dozvedieť v kapitole 4.
Označenie textu neprerušovanou značkou riadka
, nepotrebuje koncovú značku.
Poznámka
Označiť
The Html
element vytvára zalomenie riadka v texte (návrat na koniec). Je to užitočné pri písaní básne alebo adresy, kde je dôležité delenie riadkov.
Zdroj pre tento interaktívny príklad 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 vidíte z vyššie uvedeného príkladu, a
prvok je zahrnutý v každom bode, kde chceme, aby bol text prerušený. Text za príponou
začína znova na začiatku nasledujúceho riadka textového bloku.
Atribúty
Zastarané atribúty
jasný Udáva, kde po prestávke začať ďalší riadok.Styling s CSS
The
prvok má jediný, dobre definovaný účel - vytvoriť prerušenie riadka v bloku textu. Ako taký nemá žiadne vlastné rozmery ani vizuálny výstup a len veľmi málo môžete urobiť pre jeho úpravu.
Okraj môžete nastaviť na
samotné prvky na zvýšenie medzery medzi riadkami textu v bloku, ale je to zlý postup - mali by ste použiť vlastnosť výšky riadka, ktorá bola na tento účel navrhnutá.
Príklady
Jednoduchý br
V nasledujúcom príklade použijeme
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 o prístupnosť
Vytváranie oddelených odsekov textu pomocou
nie je len zlá prax, je problematická pre ľudí, ktorí navigujú pomocou technológie čítania obrazovky. Čítačky obrazovky môžu oznamovať prítomnosť prvku, ale nie žiadny obsah v ňom obsiahnutý
s. Pre človeka používajúceho čítačku obrazovky to môže byť mätúci a frustrujúci zážitok.
Použite
Prvky a na kontrolu ich medzery používajte vlastnosti CSS, ako napríklad okraj.
Technické zhrnutie
Kategórie obsahu | Obsah toku, obsah frázovania. |
---|---|
Povolený obsah | Žiadne, je to prázdny prvok. |
Vynechanie značky | 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 formulácie. |
Povolené roly ARIA | akýkoľvek |
Rozhranie DOM | ). Dedí z HTMLElement. "> HTMLBRElement |
technické údaje
Špecifikácia | Postavenie | Komentovať |
---|---|---|
Ž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 s prehliadačom
Tabuľka kompatibility na tejto stránke je generovaná zo štruktúrovaných údajov. Ak by ste chceli prispieť k údajom, navštívte stránku https://github.com/mdn/browser-compat-data a pošlite nám žiadosť o stiahnutie.
Aktualizujte údaje o kompatibilite na GitHub
Pracovná plocha | Mobilné | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Hrana | Firefox | internet Explorer | Opera | Safari | Webview v systéme Android | Chrome pre Android | Firefox pre Android | Opera pre Android | Safari v systéme 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 | Safari Plná podpora Á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 | Safari Plná podpora Áno | WebView Android Plná podpora Áno | Chrome Android Plná podpora Áno | Firefox Android Plná podpora 4 | Opera Android Plná podpora Áno | Safari iOS Plná podpora Áno | Samsung Internet Android Plná podpora Áno |
Často je potrebné pridať nový odsek, ale bez prázdneho riadka, ktorý je vložený značkou odseku
V prípade niektorých pasáží textu sú štandardné medzery použité v odsekoch 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.
Na nútené zalamovanie riadkov je k dispozícii špeciálny štítok, ktorého funkcia je v názve br (riadok zalomenia - „prerušiť riadok, riadok“). Označiť
html znamená, že všetok nasledujúci obsah musí začínať na novom riadku. V prípade potreby môžete vložiť niekoľko značiek za sebou, aby ste dosiahli požadované medzery.
Označiť
nerozlišuje malé a veľké písmená a nevyžaduje koncovú 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 prestávky „tesne uzavretá“ spätným lomítkom.
Príklad značky prerušenia
<р>Záškoláctvo v službeр>
Nikde a nikdy
Nebola som až taká zlá
Vášnivá horda náčelníkov
Nahlodáva ma zaživaр>
Záškoláctvo v službe
Nikde a nikdy
Nebola som až taká zlá.
Vášnivá horda náčelníkov
Nahlodáva ma zaživa.
Atribút značky
Jediný atribút, ktorý má html tag
s názvom Hovorí prehliadaču, čo má robiť so zalomeným riadkom, ak má text obtočiť takzvaný plávajúci prvok, ktorým môže byť napríklad obrázok s atribútom zarovnania pomocou hodnôt vpravo / vľavo alebo CSS blok, ktorý má vlastnosť float.
V špecifikáciách XHTML 1.0 / HTML 4.01 možno atribút clear použiť iba s položkami Transitional, Frameset ainak kód nebude fungovať.
Vlastnosti atribútu značky
Účinok použitia atribútu clear závisí od jeho hodnoty a polohy plávajúceho prvku, ktorý je omotaný okolo textu. Atribút môže mať 4 hodnoty:
Ľavá hodnota zabraňuje pohybu prvku zarovnaného doľava, takže text narazí na značku
, budú umiestnené pod obrázkom alebo iným plávajúcim prvkom.
Presne rovnaký výsledok sa dosiahne použitím argumentu all, ktorý nikdy neumožní ani napravo, ani naľavo.
Správna hodnota bráni textu v prúdení okolo prvku zarovnaného vpravo, teda za značkou
textu neostane nič iné, ako sa prejsť po obrázku, pričom okolo neho prúdi doprava.
Žiadna hodnota („ani vaša, ani naša“) spravidla odstráni všetky povolenia z atribútu clear a značky
ticho posúva čiaru nadol.
Preto pre atribút clear neexistuje žiadna predvolená hodnota.
Označiť
je mäkký prenos
Značka zlomu riadka je veľmi užitočná pri vytváraní potrebných medzier medzi odsekmi, v rámci ktorých sa používa ako mäkké zalamovanie, ale nie ako prostriedok na rozdeľovanie textu na odseky.
Nenechajte sa príliš unášať značkou linefeed na formátovanie textu, pretože výsledky jej aplikácie nie sú vždy ladné.
Ak napríklad použijete značku
v prípade prerušenia riadka v rámci odseku to môže viesť k tomu, že sa v okne používateľa objaví „hrebeň“, ak je menší ako okno, na ktoré správca webu zacielil.