Szó elválasztás HTML -ben. Szó elválasztás Mi a különbség az egyik tulajdonság és a másik között
A szóköz tulajdonság megadja a szavak közötti szóközök megjelenítésének módját. Normál körülmények között a HTML -kód tetszőleges számú ürege jelenik meg egy weboldalon. Kivétel az elem , az ebbe a tárolóba helyezett szöveg minden szóközzel megjelenik, ahogyan azt a felhasználó formázta. Így a fehér tér utánzatai működnek
De ellentétben vele, nem változtatja meg a betűtípust egyszögűre.rövid info
Megnevezések
Leírás | Példa | |
---|---|---|
<тип> | Az érték típusát jelzi. | <размер> |
A&&B | Az értékeket a megjelenített sorrendben kell megjeleníteni. | <размер> && <цвет> |
A | B | Azt jelzi, hogy a javasolt értékek közül csak egyet kell kiválasztani (A vagy B). | normál | kis sapkák |
A || B | Minden érték használható önmagában vagy másokkal együtt, bármilyen sorrendben. | szélesség || számol |
Csoportosítja az értékeket. | [termés || kereszt] | |
* | Ismételje meg a nullát vagy többször. | [,<время>]* |
+ | Ismételje meg egy vagy több alkalommal. | <число>+ |
? | A megadott típus, szó vagy csoport nem kötelező. | betét? |
(A, B) | Ismételje meg legalább A -t, de legfeljebb B -t. | <радиус>{1,4} |
# | Ismételje meg egy vagy több alkalommal, vesszővel elválasztva. | <время># |
Az értékek
normál Szöveg a szokásos módon jelenik meg a böngészőablakban, a sortörések beállítása automatikusan történik. a nowrap Fehérszót figyelmen kívül hagyja, a HTML kód sorszakát figyelmen kívül hagyja, az összes szöveg egy sorban jelenik meg; azonban hozzátéve
a szöveget új sorba tekeri. pre A szöveg megjelenik, beleértve a szóközöket és kötőjeleket, ahogy azokat a fejlesztő hozzáadta a HTML -kódhoz. Ha a sor túl hosszú ahhoz, hogy elférjen a böngészőablakban, egy vízszintes görgetősáv kerül hozzáadásra. sor előtti szóközök nem kerülnek figyelembevételre a szövegben, a szöveg automatikusan a következő sorba kerül, ha nem fér bele a megadott területbe. előtömörítés A szövegben minden szóköz és törés megmarad, de ha a sor szélessége nem fér bele a megadott területbe, akkor a szöveg automatikusan a következő sorba kerül.
Az értékek szövegre gyakorolt hatását a táblázat tartalmazza. 1.
Példa
Példa
Fermat utolsó tétele
x n+ Y n= Z n
ahol n egy egész szám> 2
Ennek a példának az eredményét az ábra mutatja. 1.
Rizs. 1. A szabad terület tulajdonság alkalmazása
Objektum modell
Egy tárgy.style.whiteSpace
jegyzet
Az Internet Explorer 7.0-ig bezárólag nem támogatja a sor előtti és a csomagolás előtti értékeket. For
A 9.5-ös verzió előtti Opera nem támogatja a sor előtti értéket. For
Firefoxban a
Leírás
Minden specifikáció több jóváhagyási szakaszon megy keresztül.
- Ajánlás - Ezt a specifikációt a W3C jóváhagyja, és szabványként ajánljuk.
- Jelölt ajánlás ( Lehetséges ajánlás) - a szabványért felelős csoport elégedett azzal, hogy megfelel a céljainak, de a fejlesztő közösség segítségére van szükség a szabvány megvalósításához.
- Javasolt ajánlás ( Javasolt ajánlás) - Ezen a ponton a dokumentumot végleges jóváhagyásra benyújtják a W3C Tanácsadó Testületéhez.
- Munkavázlat - A tervezet érettebb változata a megbeszélés és a közösségi felülvizsgálat után.
- A szerkesztő tervezete ( Szerkesztői tervezet) - a szabvány vázlatos változata a projektszerkesztők általi szerkesztés után.
- Piszkozat ( Specifikáció tervezete) a szabvány első tervezete.
Automatikus ügyetlen elválasztás (kötőjelek hozzáadása nélkül).
Érdekes ingatlanértékek:
- törés
Automatikus átvitel mindenböl szavakkal, a szöveg indokoltnak tűnik. - törésszó (ezen az oldalon fejlécekben használják)
Csomagolja be az egyes szavakat, amelyek nem férnek bele a megadott blokkszélességbe.
Fényes jövő. СSS tulajdonság kötőjelek
A elválasztási szabályokat a böngészőbe épített szótár határozza meg. A tulajdonság akkor működik, ha van egy lang attribútum nyelvkóddal a teljes dokumentum vagy annak egyes részei szintjén.
Érdekes értékek:
- kézi (alapértelmezett)
A szavak csak azokban a szövegrészekben vannak csomagolva, ahol a speciális karakter és félénk (lágy pakolás) vagy címke van hozzáadva... A speciális karakterek manuálisan kerülnek a szövegbe, a normál szövegben nem láthatók, és ha a szó nem illik, a böngésző elválasztást hoz létre a speciális karakter helyén. A különleges karakter és szégyenlős, amikor egy szót elválaszt (ahogy az iskolában tanították), de nincs címke. - auto
A böngésző automatikusan hozzáadja a kötőjeleket a beépített szótár alapján. Eddig a gyenge böngészőtámogatás nem működik a chrome (.
Program
Az elválasztás megakadályozása
Van egy fordított probléma - a kötőjel letiltása. Például ne válassza el a kezdőbetűket a vezetéknévtől vagy a mértékegységet az értékektől (100 kg). Annak érdekében, hogy a böngésző ne tegyen kötőjeleket a szokásos szóköz helyett, írjon nem törő szóközt & nbsp
Ezenkívül a kötőjelek CSS tulajdonságának értéke nincs, ha a szavak nincsenek kötőjelezve, még akkor sem, ha lágy kötőjelek vannak a szövegben.
rövid info
CSS verziók
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Leírás
A fehér szóköz tulajdonság megadja, hogyan jelenjenek meg szóközök a szóközök között. Normál körülmények között a HTML -kód tetszőleges számú ürege jelenik meg egy weboldalon. Kivétel a címke
Az ebbe a tárolóba helyezett szöveg minden szóközzel megjelenik, ahogy a felhasználó formázta. Így a fehér szóköz utánozza a címke működését.De vele ellentétben nem változtatja meg a betűtípust egyszögűre.Szintaxis
fehér-szóköz: normál | nowrap | pre | elővonal | előcsomagolás | örököl
Az értékek
normál Szöveg a szokásos módon jelenik meg a böngészőablakban, a sortörések beállítása automatikusan történik. nowrap A szóközöket figyelmen kívül hagyja, a HTML -kód sorszakát figyelmen kívül hagyja, az összes szöveg egy sorban jelenik meg; címke hozzáadása azonban
a szöveget új sorba tekeri. pre A szöveg megjelenik, beleértve a szóközöket és kötőjeleket, ahogy azokat a fejlesztő hozzáadta a HTML -kódhoz. Ha a sor túl hosszú ahhoz, hogy elférjen a böngészőablakban, egy vízszintes görgetősáv kerül hozzáadásra. sor előtti szóközök nem kerülnek figyelembevételre a szövegben, a szöveg automatikusan a következő sorba kerül, ha nem fér bele a megadott területbe. előtömörítés A szövegben minden szóköz és törés megmarad, de ha a sor szélessége nem fér bele a megadott területbe, akkor a szöveg automatikusan a következő sorba kerül. örököl Az érték öröklődik a szülőtől.Az értékek szövegre gyakorolt hatását a táblázat tartalmazza. 1.
HTML5 CSS2.1 IE Cr Op Sa Fx
fehér űr Példa
Fermat utolsó tétele
x n+ Y n= Z n
ahol n egy egész szám> 2
Ennek a példának az eredményét az ábra mutatja. 1.
Rizs. 1. A szabad terület tulajdonság alkalmazása
Objektum modell
document.getElementById ("elemazonosító") .style.whiteSpace
Böngészők
Az Internet Explorer 7.0-ig bezárólag nem támogatja az elősoros, az előcsomagolási és az öröklési értékeket. For
A 9.5-ös verzió előtti Opera nem támogatja a sor előtti értéket. For
A 3.0 előtti Safari és az iOS nem támogatja a csomagolás előtti és előtti értékeket.
A Firefox a 2.0-ás verzióig bezárólag nem támogatja a sor előtti és a csomagolás előtti értékeket. For
Vlad Merzhevich
A nyomtatás szövegétől eltérően a elválasztást ritkán használják a weblapokon, mivel nem vagyunk mereven kötve a papírmérethez. A weboldalak különböző monitorokon, különböző felbontásokban, különböző operációs rendszerekben és böngészőkben tekinthetők meg. Mindez olyan kombinációk kombinációját eredményezi, hogy lehetetlen megjósolni, hogy a végső szöveg hogyan fog kinézni a felhasználó számára. Emiatt a szöveg általában balra igazított, és elválasztás történik egész szavakkal. Ennek ellenére néha szükség van elválasztásra, például amikor hosszú kémiai vagy orvosi kifejezéseket használnak, adott szélességű keskeny oszlopokban, az esztétika érdekében. HTML -ben és CSS -ben nincs olyan sok kézi vagy automatikus módszer a kötőjelek hozzáadásához, ezért mindegyiket felsorolom.
A címke használata
Címke
bevezetésre kerül a HTML5 -ben, és szükség esetén szótömítést hoz létre. Azokon a helyeken, ahol az orosz nyelv szabályai szerint megengedett az átvitel, beillesztjük (1. példa). Ha a teljes szó belefér a kijelölt szélességbe, akkor ez a címke semmilyen módon nem fog megnyilvánulni, és nem is fogunk tudni a jelenlétéről. Ha a szó nem illik, a böngésző a címke helyén van transzfert hoz létre. Példa 1. Címke
Átigazolások Egy
szupradiclass csicska Angelica az iskola elvégzése után az üzleti hivatást választotta Termelés sofőr arcokat.
Ennek a példának az eredményét az ábra mutatja. 1.
Rizs. 1. Szöveg szótömörítéssel
Lágy átvitel
Alkalmazás
komoly hátránya van - lehetetlen megérteni, hogy kötőjel van -e előttünk, vagy külön szó egy másik sorban. Emiatt a mondat jelentése elveszhet és félreérthető. A elválasztást a tipográfia szabályai szerint kell elvégezni, nevezetesen: kötőjel hozzáadása a sor végéhez. A lágy elválasztás kiválóan teszi ezt, a HTML kódban van egy speciális szimbólum -. Ugyanazt a szerepet tölti be, mint a címke - nem látható a normál szövegben, és a szót egy másik sorba tekeri, miközben kötőjelet ad hozzá (2. példa). 2. példa Lágy hordozás
Átigazolások A tizenegyedik osztályos snitsa Angelica az iskola elvégzése után az üzleti-producer-sofőr szakmát választotta.
Ennek a példának az eredményét az ábra mutatja. 2. Figyeljük meg, mennyivel esztétikusabb és érthetőbb lett a szöveg az 1. ábrához képest. 1.
Rizs. 2. Szöveg szótömörítéssel
A szótörő tulajdonság
A kötőjelek létrehozásának automatizálásához használja a szótörés tulajdonságot a törés értékkel (3. példa). Nem kell semmilyen szimbólumot vagy címkét hozzáadni a HTML -hez, mindent átvesznek a stílusok.
3. példa Szótörés használata
Átigazolások A tizenegyedik osztályos Angelica az iskola elvégzése után az ügyintézői hivatást választotta.
Ennek a példának az eredményét az ábra mutatja. 3. A kötőjellel kapcsolatos szabályokat ebben az esetben nem veszik figyelembe, így a szavak nagyon bizarr módon kötőjellel is elválaszthatók.
Rizs. 3. Szöveg szótömörítéssel
Az összes felsorolt módszer közül a "félig kézi" használat - a legjobb eredményt adja - követi az orosz nyelv szabályait, a szöveg a leginkább esztétikus. Akkor használja, ha hosszú szavak vannak a szövegben.
A kötőjelek tulajdonsága
És végül, a kötőjelek automatikus hozzáadásának legerősebb és legkényelmesebb tulajdonsága a kötőjelek. Művelete a böngésző beépített elválasztási szótárán alapul, ezért a legjobb eredményt adja. Támogatott IE10, Firefox, Android és iOS rendszereken. A Chrome és az Opera nem támogatja. Ahhoz, hogy minden működjön, a címke érdekében adja hozzá a lang attribútumot a ru értékkel (4. példa).
4. példa Kötőjelek használata
Átigazolások A tizenegyedik osztályos Angelica az iskola elvégzése után az ügyintézői hivatást választotta.
Ennek a példának az eredményét az ábra mutatja. 4.
Rizs. 4. Szöveg szótömörítéssel
Az elválasztás megakadályozása
Gyakran felmerül a fordított probléma - a kötőjelek betiltása azokon a helyeken, ahol a nyelv szabályai szerint elfogadhatatlanok. Például nem szakíthatja le a mértékegységeket a számról (10 ml), az év megjelöléséről (Kr. E. 54), a vezetéknév kezdőbetűiről, nem szakíthatja meg a tartós rövidítéseket (stb.) Stb. ne adjon kötőjelet a szóközhöz, azt nem törő szóközzel kell helyettesíteni (5. példa).
Példa 5. Használat
Átigazolások Tó a 70 ° 58 ′ 19 ″ s koordinátákon. NS. 97 ° 24 ′ 5 ″ k A falu az oroszországi Krasznojarszki terület Taimyr Dolgano-Nenets kerületében található.
Ebben a példában a koordináták helyes írásmódjához azt használjuk, amely nem teszi lehetővé a szöveg tördelését.