Amikor megjelenik szöveges dokumentumok a böngészőben a sortörés pozíciója a bekezdésen belül automatikusan meghatározásra kerül a betűtípusok méretétől és a nézetablak méretétől függően. A sortörést csak a szóelválasztó karaktereken (például szóközökön) lehet végrehajtani. Néha a dokumentumokban kötelező soremelést kell beállítani, amely a böngésző beállításaitól függetlenül megvalósul. Ehhez a kényszerített soremelés címkét használják.
, amely nem rendelkezik megfelelő végcímkével. Címkebefoglalás
a dokumentum szövegébe, amely biztosítja, hogy a következő szöveg elölről kerüljön elhelyezésre új sor. Ez a megközelítés például használható lista típusú struktúrák létrehozására speciális listajelölő címkék használata nélkül. Vagy például ez a címke nélkülözhetetlen a versek megjelenítéséhez stb.
Íme egy példa a kényszerített soremelés használatára (1.8. ábra):
Az elsötétült Petrográd fölött
November őszi hideget lehelt.
Zajos hullámban rohanva
Karcsú kerítésének szélén,
Neva úgy rohant körbe, mint egy beteg
Nyugtalan az ágyadban.
A. S. Puskin. Bronz lovas
Rizs. 1.8. Címke
sortörés kikényszerítésére használható
A bekezdéscímkével ellentétben
A címke használatakor
nem jön létre üres karakterlánc.
Címkehasználat
óvatosságot igényel – előfordulhat, hogy a böngésző egy vagy két szóval már soremelést végzett, mielőtt találkozott volna a címkével
. Ez akkor fordul elő, ha az olvasó megjelenítő ablakának szélessége kisebb, mint annak a programnak a szélessége, amellyel a dokumentumot tesztelte. Ebben az esetben kiderülhet, hogy csak egy szó marad a sorban a bekezdés közepén, ami sérti a dokumentum elrendezésének szépségét.
jegyzet
A címke használatakor
a szöveg töréséhez, egy kép vagy táblázat körüli tördeléséhez a CLEAR beállítással állíthatja be a szöveg tördelését. Erről bővebben a 3. és 4. fejezetben olvashat.
címkéket u
Vannak helyzetek, amikor az ellenkező célú műveletet kell végrehajtani - meg kell tiltani a soremelést. Ehhez van egy konténercímke.
jegyzet
A táblázatok celláiban található szöveg folytonosságának biztosítása érdekében van speciális paraméter NOWRAP címke. Erről bővebben a 4. fejezetben olvashat.
Szöveg megjelölése nem törősoros címkével
, nincs szüksége zárócímkére.
jegyzet
Címke
Az összes vagy majdnem mindegyik használatos az elrendezésben. Hányan vagyunk, beírva a kódot
azt gondolja: tényleg szükség van ide? A tapasztalatlan betűszedők között gyakran találkozhatunk ilyen jellegű elrendezésekkel: menüelrendezés
És ezeket a csodálatos bekezdéseket is megtalálhatod:
Felmerülhet a kérdés: ha az oldal mindent tervszerűen megjelenít, akkor mi a baj? És nem így van itt - ez a rémálomszerű, görbe, sántító kód, amely egy olyan tördelőtervező nagyon alacsony képzettségéről beszél, aki nem is vette a fáradságot, hogy kitalálja a feladatokat.
Alkalmaz
a paragrafusképzéshez olyan, mint egy csavarhúzóval szögeket kalapálni (ez is egy eszköz, miért nem kalapál szöget, egy másik).
Mire való a címke?
?
frissítés 02/23/10 - "trükkökkel" szóközzel: előre, vigyázni kell, mert ezzel a formázással a blokkba nem illeszkedő sorok nem kerülnek automatikusan új sorba. Ez különösen igaz a gumi kivitelekre. Ilyen esetekben azonban jelentkezés szükséges
.
P ( szóköz: elő; )
A jegyzet
A szemantikai elrendezés rajongóinak közössége egyáltalán nem szerepelt
V .
Ahol nem kellene
?
- használja a címkéket a rendeltetésüknek megfelelően: a bekezdéseknél ez az< >, listákhoz és -< >, < >, < >stb.;
- szöveg formázásához és behúzások beállításához használja a következőt: , ;
- használjon egyedi elemeket a vonalak létrehozásához (ehhez a semleges jelölőelemek a legalkalmasabbak< >És< >).
Nézzünk néhány gyakorlati példát. Bekezdések:
A nagy teljesítményű megoldás nagy áteresztőképesség- 6,2 Gbps-ig, és nem csak hang- és videoátvitelre ideális, hanem új, sávszélességet igénylő alkalmazásokhoz is, például online játékokhoz.
Az SGSN akár 1,5 millió aktív PDP munkamenetet is képes támogatni.
P (margó-alsó: 12 képpont; )
Több sor telefonszám:
A HTML
elem termel a sortörés szövegben(kocsi-vissza). Vers vagy megszólítás írásakor hasznos, ahol jelentős a sorok felosztása.
Ennek az interaktív példának a forrása egy GitHub-tárolóban van tárolva. Ha szeretne hozzájárulni az interaktív példák projekthez, kérjük, klónozza a https://github.com/mdn/interactive-examples oldalt, és küldjön lehívási kérelmet.
Mint tudsz lásd a fenti példából, a
elem szerepel minden olyan ponton, ahol a szöveget meg akarjuk szakítani. A szöveg után a
újra kezdődik a szövegblokk következő sorának elején.
Attribútumok
Elavult attribútumok
egyértelmű Azt jelzi, hogy hol kezdődik a következő sor a szünet után.Styling CSS-sel
A
Az elemnek egyetlen, jól meghatározott célja van - sortörés létrehozása egy szövegblokkban. Mint ilyen, nincs saját mérete vagy vizuális kimenete, és nagyon keveset tehetünk a stílus kialakításáért.
Beállíthat egy margót
maguk az elemek, hogy növeljék a szövegsorok közötti távolságot a blokkban, de ez rossz gyakorlat - használja az erre a célra kialakított sormagasság tulajdonságot.
Példák
egyszerű br
A következő példában azt használjuk
elemek sortörések létrehozásához egy postacím különböző sorai között:
Mozilla
331 E. Evelyn Avenue
Mountain View, CA
94041
Egyesült Államok
Az eredmény így néz ki:
Hozzáférhetőségi aggályok
Külön szövegbekezdések létrehozása a segítségével
Ez nemcsak rossz gyakorlat, hanem problémás azok számára, akik a képernyőolvasási technológia segítségével navigálnak. A képernyőolvasók bejelenthetik az elem jelenlétét, de a benne lévő tartalmat nem
s. Ez zavaró és frusztráló élmény lehet a képernyőolvasót használó személy számára.
használat
Elemeket, és használjon CSS-tulajdonságokat, például margót a térközük szabályozására.
műszaki összefoglaló
tartalmi kategóriák | Flow tartalom , megfogalmazás tartalom . |
---|---|
Engedélyezett tartalom | Nincs, ez egy üres elem. |
Címke küldetés | Kezdő címkével kell rendelkeznie, és nem lehet befejező címkével. Az XHTML dokumentumokban ezt az elemet a következőképpen írja be . |
Engedélyezett szülők | Bármely elem, amely elfogadja a megfogalmazott tartalmat . |
Engedélyezett ARIA-szerepek | Bármi |
DOM interfész | ). A HTMLElementtől örökli."> HTMLBRElement |
Műszaki adatok
Leírás | Állapot | Megjegyzés |
---|---|---|
HTML Living Standard A "meghatározása" " abban a specifikációban. |
Életszínvonal | |
HTML5 A "meghatározása" " abban a specifikációban. |
Ajánlást | |
HTML 4.01 specifikáció A "meghatározása" " abban a specifikációban. |
Ajánlást |
Böngésző kompatibilitás
Az ezen az oldalon található kompatibilitási táblázat strukturált adatokból jön létre. Ha hozzá szeretne járulni az adatokhoz, kérjük, nézze meg a https://github.com/mdn/browser-compat-data webhelyet, és küldjön lehívási kérelmet.
Frissítse a kompatibilitási adatokat a GitHubon
Asztali | Mobil | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Króm | él | Firefox | internet böngésző | Opera | szafari | android webview | Chrome Androidra | Firefox Androidra | Opera Androidra | Safari iOS rendszeren | Samsung internet | |
br | Chrome teljes támogatás 1 | Edge Teljes támogatás Igen | Firefox teljes támogatás 1 | IE Teljes támogatás Igen | Opera Teljes támogatásIgen | Safari Teljes támogatás Igen | ||||||
egyértelmű Elavult | Chrome teljes támogatás 1 | Edge Teljes támogatás Igen | Firefox teljes támogatás 1 | IE Teljes támogatás Igen | Opera Teljes támogatásIgen | Safari Teljes támogatás Igen | WebView Android Teljes támogatás Igen | Chrome Android Teljes támogatás Igen | Firefox Android Teljes támogatás 4 | Opera Android Teljes támogatás Igen | Safari iOS Teljes támogatás Igen | Samsung Internet Android Teljes támogatás Igen |
Böngésző | internet böngésző | Netscape | Opera | szafari | Mozilla | Firefox | |||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Változat | 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 |
Támogatott | Igen | Igen | Igen | Igen | Igen | Igen | Igen | Igen | Igen | Igen | Igen | Igen | Igen |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Leírás
Címke
újsort állít be azon a helyen, ahol ez a címke található. A bekezdéscímkével ellentétben
A BR címke használata nem ad üres behúzást a sor elé. Ha az újsort használó szöveg egy lebegő elem köré fonódik, akkor használja a címke clear paraméterét
a következő sort az elem alatt kezdheti.
Szintaxis
Szöveg
szöveg
Lehetőségek
clear Megmondja a böngészőnek, hogyan kezelje a következő sort, ha a szöveg egy lebegő elem köré kerül.Záró címke
Nem szükséges.
1. példa: Címke használata
R.L. Stevenson
Megérkezett a nyár az országban
Újra virágzik a hanga.
De nincs, aki főzzön
Hanga méz.
Eredmény ezt a példát sem ábra. 1.
Rizs. 1. Szöveg típusa a címke használatakor
Címkeparaméterek leírása
CLEAR paraméter
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Leírás
A clear paraméter megmondja a böngészőnek, hogyan kezelje a következő sort, ha a szöveg a lebegő elem köré kerül. A lebegő elem egy olyan kép, amely rendelkezik az igazítási paraméterkészlettel, vagy egy réteg, amelyre alkalmazva van css tulajdonságúszó .
A clear paraméter használatának eredménye az elem igazításának élétől és a clear argumentum értékétől függ. Tehát, ha a kép balra igazított, és a címke clear paraméterének értéke
állítsa az összesre vagy balra , majd a címke utáni szöveget
ábra alatt jelenik meg. A Clear paraméter bármely más értéke azt eredményezi, hogy a szöveg a kép jobb oldalán helyezkedik el, és körbeveszi azt.
Szintaxis
Érvek
mind Egyszerre visszavonja az elem burkolását a jobb és a bal szélről. left Megfordítja a folyamatot az elem bal oldalán a címke után. right Visszavonja az elem jobb oldalán lévő burkolást. none Törli ezt a tulajdonságot.
Alapértelmezett érték
CSS analóg
2. példa: Szöveg kicsomagolása
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 falisi nulla zzril delenit doloare teci feuga.
A példa eredménye az ábrán látható. 2.
Rizs. 2. A blokk körüli szöveg tördelésének törlése
jegyzet
A clear paraméter használata a HTML 4 specifikációban elavult, és helyette javasolt. css elem tiszta - BR ( tiszta: mindkettő | bal | nincs | jobb ).
Gyakran szükség van egy új bekezdés hozzáadására, de a bekezdéscímke által beszúrt üres sor nélkül
Egyes szövegtöredékek esetében a bekezdésekhez alkalmazott szabványos intervallumok egyszerűen nem megfelelőek. Ezek lehetnek képek alatti feliratok, táblázatok, versek, idézetek, lábjegyzetek és jegyzetek.
A kényszersoros tördeléshez egy speciális címkét biztosítanak, amelynek funkciója a br nevébe van beágyazva (törősor - "sortörés, sor"). Címke
A html hiperszöveg jelölőnyelv azt jelenti, hogy minden következő tartalomnak új sorban kell kezdődnie. Ha szükséges, több címkét is elhelyezhet egymás után a kívánt térköz eléréséhez.
Címke
nem különbözteti meg a kis- és nagybetűket, és nem igényel záró címkét, mert üres elem, de jobb, ha megszokja az összes címke bezárását. Az XHTML-ben a break címkét "szorosan zárni" kell fordított perjellel.
Break címke példa
<р>Séta a szervizbenр>
Sehol máshol és soha
Nem voltam olyan rossz
A kapzsi horda fejei
Élve rágcsálр>
Séta a szervizben
Sehol máshol és soha
Nem voltam olyan rossz.
A kapzsi horda fejei
Élve eszik meg.
Címke attribútum
Az egyetlen olyan tulajdonság html tag
, az úgynevezett Megmondja a böngészőnek, hogy mit tegyen a sortördeléssel, ha a szöveget egy úgynevezett lebegő elem köré kell körbefűzni, például egy képet jobbra/balra értékeket használó igazítási attribútummal, vagy egy olyan CSS-blokkot, amely rendelkezik úszó ingatlan.
Az XHTML 1.0 / HTML 4.01 specifikációiban a clear attribútum csak Transitional, Frameset és, különben a kód nem fog működni.
Címke attribútum tulajdonságai
A clear attribútum alkalmazásának hatása az értékétől és a lebegtetett elem helyétől függ. Az attribútum 4 értéket vehet fel:
A bal oldali érték megakadályozza, hogy a balra igazított elem burkolódjon, így a szöveg "megbotlik" a címkén
, a kép vagy más lebegő elem alá kerül.
Pontosan ugyanazt az eredményt kapjuk az all argumentum használatával, amely soha nem engedi meg sem a jobb-, sem a baloldalt.
A megfelelő érték megakadályozza, hogy a szöveg egy jobbra igazított elem köré kerüljön, tehát a címke után
a szövegnek nincs más dolga, mint körbejárni a képet, körbefolyva jobbra.
A none érték ("sem a tied, sem a miénk") teljesen eltávolítja a jogosultságot a clear attribútumból, és a címkéből
némán tekeri le a sort.
A címke clear attribútumához nincs alapértelmezett érték.
Címke
egy puha átvitel
A sortörés címke nagyon hasznos a bekezdések közötti szükséges térköz létrehozásához, amelyen belül lágy törésként használják, de nem a szöveg bekezdésekre osztására.
Nem szabad túlságosan elragadtatni magát a szövegformázás újsoros címkéjével, mert az eredmény nem mindig elegáns.
Például ha a címkét használja
bekezdésen belüli sorok lefordításához ez egy „fésű” megjelenését okozhatja a felhasználó ablakában, ha az kisebb, mint a webmester által megcélzott ablak.