5. lecke.

Ebben a leckében mi:
1. Nézzük meg, hogyan kell csinálni html kódot kényelmesebb és könnyebben olvasható volt számunkra.
2. Nézzük meg, hogyan kell helyesen tördelni egy szövegsort.

A html kód kényelmesebbé tétele.

Mostantól a kódunk világos és könnyen olvasható, mivel kevés a szöveg és gyakorlatilag nincsenek címkék. Ha összetettebb oldalt készítünk, akkor sok címke lesz, így nehéz lesz megtalálni a megfelelőt.

A címkék zűrzavarának elkerülése érdekében először úgy kell elrendeznie a címkéket és sorokat, hogy vizuálisan könnyebben észlelhetők legyenek. Amikor a böngésző információkat olvas be a html oldalak, nem mindegy neki, hogy hány szóköz és hány üres sor van a kódban.

Az oldal kódjában megváltoztattam a szöveget az általunk létrehozotthoz képest, de ez nem számít. A bal és a jobb oldali képen ugyanaz a kód látható. Mindkét lehetőséget pontosan ugyanúgy jeleníti meg a böngésző a monitor képernyőjén. Egyetértek, a jobb oldalon látható kóddal sokkal könnyebb lesz dolgozni, mint a bal oldalival.

Az általunk vizsgált kód nagyon egyszerű, de még most is észrevehető a különbség a vizuális észlelésben. Nincsenek konkrét szabályok a „rendbe helyezésre”, minden mester maga dönti el, hogyan kényelmesebb neki dolgozni.

HTML sortörés. Címke <br>.

Ügyeljen a képre. Az első változatban egysoros, a második változatban kétsoros a szöveg.

A böngésző mindkét lehetőséget ugyanúgy megjeleníti. A szöveg egy sorban lesz írva:

Azt kérdezed, miért van ez? Valójában az egyik kódban a szöveg egy része egy másik sorba kerül. Logikus lenne, ha a böngészőben a szöveg egy része is átkerülne egy másik sorba, de a html-nek megvan a maga logikája ebben a tekintetben. Ha sortörést teszünk a html kódban, akkor ez a böngésző számára egy szóköznek felel meg(mint egy szabályos szóköz a szavak között a szövegben). Ha a szöveg egy részét nem egy sorral lejjebb mozgatjuk, hanem 2-vel vagy 3-mal (bármilyen szám), akkor a böngésző továbbra is ezt a távolságot egy szabályos szóköznek tekinti a szavak között, és amikor megjelenik a képernyőn, a szöveg egy sorba kerül. .

Címke <br>

Amikor a harmadik leckében megismerkedtünk a címkékkel, említettem, hogy vannak olyan címkék, amelyeket nem kell lezárni. Címke <br> az egyiket sortörésre használják.
Alkalmazzuk kódban:

Beszúrtunk egy címkét <br> html kódunkba, és most, amikor elindítja a fájlt a böngészőn keresztül, a szöveg egy része átkerül a következő sorba.
* Ne felejtse el menteni a változtatásokat a Jegyzettömbben (Ctrl + S), és frissítse az oldalt a böngészőben (F5).

Az összes vagy majdnem mindegyik használatos az elrendezésben. Hányan teszünk be kódot
Kíváncsi vagyok: tényleg szükség van rá? A tapasztalatlan tervtervezők között gyakran találkozhat 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 tervezetten megjelenít, mi a baj? De itt nem ez a helyzet - ez a szörnyű, görbe, béna kód, amely a tervező nagyon alacsony képzettségéről beszél, aki nem is vette a fáradságot, hogy megértse a feladatokat.

Alkalmaz
bekezdéseket alkotni, ez ugyanaz, mint a szögek csavarhúzóval kalapálni (ez is egy eszköz, miért ne kalapálna egy másik szöget).

Mire való a címke?
?

frissítés 02/23/10 - "trükkökkel" szóközzel: óvatosnak kell lenni, mert Ezzel a formázással a blokkba nem illeszkedő sorok nem kerülnek át automatikusan ide új sor. Ez különösen igaz a gumi kivitelekre. Ilyen esetekben továbbra is használni kell
.

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
?

• a címkéket rendeltetésszerűen használd: bekezdéseknél - ezt< >, 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álat egyedi elemek karakterláncok létrehozásához (ehhez a semleges jelölőelemek a legjobbak< >És< >).

Nézzünk néhány gyakorlati példát. Bekezdések:

A nagy teljesítményű megoldás nagyszerű áteresztőképesség- 6,2 Gbps-ig, és nem csak hang- és videoátvitelre ideális, hanem új, sávszélességre éhes 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:

Amikor megjelenik szöveges dokumentumok A böngészőben a sortörés helye a bekezdésen belül automatikusan meghatározásra kerül a betűtípusok méretétől és a megtekintő ablak méretétől függően. A sortörést csak szóelválasztó karakterek (például szóközök) használatával 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. Ez a kényszerített soremelés címke használatával történik.
, amely nem rendelkezik megfelelő záró címkével. Címke engedélyezése
a dokumentum szövegébe, amely biztosítja, hogy a következő szöveg egy új sor elejére kerüljön. 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 pl ezzel a címkével nem lehet verseket stb.

Íme egy példa a kényszerített soremelés használatára (1.8. ábra):

Az elsötétült Petrográd felett

November belélegezte az őszi hideget.

Csobbanva egy zajos hullám

Karcsú kerítésed szélére,

Neva úgy hánykolódott, mint egy beteg

Nyugtalan az ágyamban.

A. S. Puskin. Bronz lovas

Rizs. 1.8. Címke
soremelés kikényszerítésére használható

A bekezdéscímkével ellentétben

A címke használatakor
üres karakterlánc nem jön létre.

Címke használata
óvatosságot igényel – előfordulhat, hogy a böngésző egy-két szót már sortörést hajtott végre, mielőtt találkozott volna a címkével
. Ez akkor fordul elő, ha az olvasó ablakának szélessége kisebb, mint annak a programnak a beállítása, amellyel a dokumentumot tesztelte. Ebben az esetben előfordulhat, hogy csak egy szó marad egy sorban a bekezdés közepén, ami tönkreteszi a dokumentum elrendezésének szépségét.

jegyzet

A címke használatakor
A kép vagy táblázat körüli szöveg töréséhez beállíthatja a CLEAR paramétert, hogy leállítsa a szöveg tördelését. Erről a 3. és 4. fejezetben olvashat.

Címkék u

Vannak helyzetek, amikor az ellenkező műveletet kell végrehajtania - tiltsa le a soremelést. Ehhez van egy konténercímke . Az ezzel a címkével jelölt szöveg garantáltan elfér egy sorban, függetlenül annak hosszától. Ha az eredményül kapott vonal túlnyúlik a böngésző ablakán, megjelenik egy vízszintes görgetősáv.

Szöveg megjelölése nem törősoros címkével nagyon hosszú húrokat kaphat. Ennek elkerülése érdekében jelezheti az olvasó böngészőjében egy esetleges soremelés helyét, amely csak szükség esetén kerül végrehajtásra (ún. "soft" soremelés). Ezt úgy teheti meg, hogy egy címkét helyez el a szövegben a megfelelő helyre (Word Break), amely megegyezik a címkével
, nincs szüksége zárócímkére.

jegyzet

Címke a Netscape böngésző egyáltalán nem támogatja. Böngésző Microsoft Internet Az Explorer ezt a címkét csak a címkézett szövegben ismeri fel .