sushiandbox.ru A számítógép elsajátítása - Internet. Skype. Közösségi média. Leckék a Windowsról.
Leírás
A betűtípus súlyát dőltre állítja. Elfogadható ennek a címkének a használata más címkékkel együtt, amelyek meghatározzák a szöveg stílusát.
Szintaxis
SzövegZáró címke
Kívánt.
Attribútumok
CSS analóg
Példa. Címkehasználat
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
jegyzet
Bár a címke használata nem elavult a HTML-ben, a stílusok alkalmazása jobban szabályozza a szöveg stílusát.
Leírás ?
✖
Leírás
Minden specifikáció több jóváhagyási szakaszon megy keresztül.
- Recommendation (Recommendation) - a specifikációt a W3C jóváhagyta és szabványként ajánlja.
- Jelölt ajánlás ( Lehetséges ajánlás) - a szabványért felelős csoport meg van győződve arról, hogy az megfelel a céljainak, de a szabvány megvalósításához a fejlesztő közösség támogatása szükséges.
- Javasolt ajánlás ( Javasolt ajánlás) - ebben a szakaszban a dokumentumot benyújtják a W3C Tanácsadó Testületéhez végső jóváhagyásra.
- Munkatervezet – Kiforrottabb tervezet vitát és módosításokat követően a közösségi felülvizsgálatra.
- Szerkesztői tervezet ( Szerkesztői tervezet) a szabvány vázlatos változata, miután a projektszerkesztők változtatásokat hajtottak végre.
- tervezet ( Specifikációs tervezet) a szabvány első vázlatos változata.
Külön kiemelkedik az életszínvonalú HTML (Living) - nem ragaszkodik a hagyományos verziószámozáshoz, mivel folyamatosan fejlődik és rendszeresen frissül.
Böngészők: Desktop Mobile ?
| internet böngésző | Króm | Opera | szafari | Firefox |
| 2 | 1 | 2 | 1 | 1 |
| Android | Firefox Mobile | Opera Mobil | Safari Mobile |
| 1 | 1 | 6 | 1 |
Sziasztok kedves blogolvasók! Ez a cikk arról fog szólni szövegformázó címkék. Kiemelkedő példa a szöveg félkövér vagy dőlt szedése. Megvizsgáljuk néhány címkének a webhely belső optimalizálására gyakorolt hatását és az írási szabályokat is. Erről az alábbi cikkben olvashat. Egyébként sok szövegszerkesztőben találhatunk hasonló szövegtervező elemeket, például a Wordben.
A címkék 2 típusra oszthatók: blokk és soron belüli. Az előbbi használatakor módosíthatja a szöveg egy részének (sorok, egyes töredékek vagy szavak) tartalmát, az utóbbiak pedig . A cikkben tárgyalt formázási címkék túlnyomórészt soron belüliek.
A címkék írásának szabályai és sorrendje
Már tudja, mi a nyitó és záró címkék. Ha nem, akkor olvassa el a cikket az anyag elején. Röviden, kétféle címke létezik: egyszeres (például átvitel ide új sor) és konténer (párosítva). Tehát minden szövegformázó címke ilyen párosítva. Ez azt jelenti, hogy minden elemnek van nyitó és záró címkéje, és a kiemelést ezek közé kell helyezni. Például, helyes kiválasztás a kifejezés így fog kinézni: Kiválasztás
Amikor a böngésző feldolgozza ezt a töredéket, a következő szöveg jelenik meg: Kiválasztott töredék. Egyébként nem minden címke jelenik meg az RSS-hírcsatornában ().
A címkék írásakor a legfontosabb, hogy ne felejtse el bezárni őket. Ellenkező esetben az oldalon lévő összes szöveg félkövér lesz (a példában a címkével ). De vannak esetek, amikor egy bizonyos töredéket félkövérrel és dőlt betűvel egyszerre kell kiválasztani. De nincs olyan címke, amely végrehajtja ezt a műveletet. Csak egy kiút van ebből a helyzetből: használjon egyszerre két címkét. Nem mindegy, milyen sorrendben használja őket. Ezért írja be a szöveget a következő címkékkel:
Kiválasztás
vagy így:
Kiválasztás
Még mindig kapsz Kiválasztás dőlt és félkövér egyszerre. Érdemes azonban az első lehetőséget használni, mert kezdetben ez volt az egyetlen és helyes. Ne felejtse el azt sem, hogy a beállításoktól függően minden böngésző másként dolgozhatja fel a címkéket (). Most térjünk át magukra a formázási címkékre.
Szöveg félkövér és dőlt szedése - címkék , , És
A legnépszerűbb szövegformázó címkék - ennek kiemelése bátorÉs dőlt betűvel. Általában bármely töredék fontosságának megadására használják. Az első eset egy olyan töredék kiválasztására szolgál, amely tartalmazza hasznos információ vagy kulcsszavakat. A dőlt betűk ugyanazt a célt szolgálják, mint a félkövér szöveg, de az információ kevésbé fontos, mert a dőlt betű kevésbé látható a törzsszöveg hátterében, mint a félkövér szöveg.Kezdjük azzal a szöveg félkövérré tétele. Ehhez a művelethez két címkét használnak − És . Különbségek a kinézet Nem. Bár, mivel minden böngésző másként értelmezheti az egyes elemeket, látnia kell néhány különbséget. Így néz ki a címkék szövege És a böngésző által már feldolgozott formában:
Szöveg erős címkékkel
Szöveg a b címkékben
És így néz ki ez a két sor az oldal forráskódjában:
Szöveg erős címkékkel Szöveg a b címkékben
esetében is megfigyelhetjük ugyanezt a helyzetet dőlt címkék És . Próbálja meg megtalálni a különbségeket a két példa között:
Szöveg az em címkékben
Szöveg a címkékben I
És itt a forráskód:
Szöveg az em címkékben Szöveg a címkékben I
Tehát a szóban forgó félkövér és dőlt kijelölési címkék valójában nem különböznek egymástól, de akkor miért van szükségünk pl. ha itt ? Végül is az utóbbi csak egy karaktert tartalmaz (a zárójeleket nem számítva), és ezért könnyebben írható. És az a helyzet, hogy a címkék És befolyásolni. Ha a kulcsszavakat ezekkel a címkékkel veszi körül, az pozitív hatással lesz a webhely népszerűsítésére. A lényeg az, hogy ne vigyük túlzásba – a szöveg legfeljebb 5%-ban félkövér szöveget tartalmazhat a címkében , és ugyanennyi a dőlt betű a címkében .
Ha csak egy pontot szeretne kiemelni a szövegben, akkor használja a címkét vagy . Általánosságban úgy gondolom, hogy a keresőmotorok is fontosabbnak tartják a címkék szövegét, de tovább belső optimalizálás még mindig kisebb a hatásuk, mint És .
Szöveg perjel címkék kiemelése − , És
Most pedig nézzünk meg néhány címkét, amelyek körvonalat használnak a szövegdíszítésben. A leghíresebb számodra szövegszerkesztők — címke
vagy aláhúzás. Ez a címke nem befolyásolja a helyezést (amennyire én tudom), de segít kiemelni néhány szöveget, és arra összpontosítani. Adtam egy példát ennek a címkének egy kicsit magasabb használatára. Még két hasonló címke - És . Mindkettő az áthúzott szöveg funkcióját tölti be. Ezt a címkét bármilyen helyzetben használhatja: ha egy dokumentumot (vagy inkább annak egy részét) frissíti, kihúzhatja a régit, és hozzáadhat egy újat; ha olyasmit fogsz írni, ami eltér az anyag témájától; valami, ami nem felel meg az erkölcsi és etikai normáknak.
A két címke közötti különbség csak a bennük rejlik írás, aminek következtében előnyösebb az elsőt használni, mert egyrészt kényelmesebb írni, másrészt kevesebb HTML kód lesz az oldalon, és a keresők imádják.
Címke és attribútumok - szöveg betűtípus beállításai
Most vegyünk egy olyan címkét, amelyet nem használunk attribútumok nélkül. Ezzel paramétereket állíthat be egy adott szövegrészhez. Általában most előnyösebb a (lépcsőzetes stíluslapok) használata, mert használatukkal nagymértékben csökkentheti az oldal teljes HTML kódját. Tehát vegye figyelembe ugyanazt a címkét . Számára minden megvan három attribútum:
- arc- maga a betűtípus. Például Arial, Courier vagy Verdana. Felsorolhatsz néhányat, mert. nem minden felhasználó rendelkezik kiterjedt betűkészlettel, és ha többet ír az arc attribútumába, a böngésző kiválaszthatja, hogy melyiket használja, vagy inkább melyik van jelen a rendszerben;
- méret egy attribútum, amely a szöveg méretét határozza meg. Tetszőleges egységekben és pixelekben is kifejezhető;
- szín- szöveg szín. Ez az attribútum HTML színkódokban és verbális színkódokban egyaránt használható. Az előbbiek úgy néznek ki, mint #FFFFFF (ahol F tetszőleges szám vagy betű A-tól F-ig), míg az utóbbiak írva vannak egyszerű szavakkal(például piros - piros).
Így néz ki a címke szövege az egyes attribútumok használatával:
Ez a szöveg 6 képpontos
Ez a szöveg piros Ez a szöveg Arial betűtípussal készült Ez a szöveg piros és 5 képpont méretű.És itt van, amit látni fog az írott kód feldolgozása után: 
Blokkszöveg tervezési elemek – címsorok -, bekezdés
, bekezdés
Végül megnézzük a blokkelemeket, amelyeket szinte minden dokumentumban használnak. Ezek cím- és bekezdéscímkék. Tekintsük az elsőt. A címsorok 6 típusúak, és mindegyiknek saját címkéje van. Minden fajnak csak saját sorozatszáma van, és címkékkel rögzítik.
, ,..., . Így néz ki az összes fejléc feldolgozáskor:
. Így néz ki az összes fejléc feldolgozáskor:
A címszó utáni szám megegyezik a címkében szereplő számmal
Most beszéljünk a bekezdéskiválasztó címkéről
Ennek a címkének az a funkciója, hogy üres sorral elválasztja a szöveget a többi hasonló szöveg között. Ha megnézi bármely dokumentum forráskódját, a következőket láthatja:
A zöld téglalapok egy bekezdést tartalmaznak, a piros téglalapok egy másikat. És így néz ki ez a kód a böngésző általi feldolgozás után (a nyíl egy üres sorra mutat):
Ennek eredményeként az egyik bekezdés meglehetősen észrevehető elválasztását kapjuk, ami előnyös - az olvasás kényelmesebbé válik.
Ez a cikk vége dokumentum formázási címkék. Sokkal több van, mint amennyit ebben a cikkben leírtam. Csak néhányról elég sokat kell mesélni, aminek eredményeként külön cikkeket fogunk szentelni nekik teljes ismertetővel.!
A dőlt betűtípus az egyik legnépszerűbb módja egy szövegrészlet kiemelésének és bizonyos jelentőséget adásának. Ideális idézetekhez, lábjegyzetekhez, címekhez és tulajdonnevekhez. A HTML-ben két speciális címke található a dőlt betűs megjelenítéshez. A CSS-ben a dőlt betűt a font-style tulajdonság szabályozza.
Dőlt vagy dőlt betűtípus?
Ugyanazon betűtípus dőlt betűs megjelenítése eltérő lehet.
A képen három szövegblokk látható ugyanazzal a Playfair Display betűtípussal. Az első normál római stílusban, míg a második és a harmadik dőlt betűs. Ugyanabban a böngészőben vannak nyitva Google Chrome de teljesen másképp néznek ki.
A helyzet az, hogy néhány betűtípus saját dőlt karakterkészlettel rendelkezik. Ha a böngésző nem fér hozzá ehhez a készlethez, de olyan szöveggel találkozik, amelyet dőlt betűvel kell megjeleníteni, akkor megpróbálja önállóan ferdíteni.
A második blokkban - éppen egy ilyen böngészővel feldolgozott változat, a harmadikban pedig - a Playfair Display betűtípus eredeti, dőlt változata, amely egyedi stílusú, inkább kézzel írt. A böngésző ezzel szemben egyszerűen megdönti a szöveg egyes karaktereit egy bizonyos szögben, dőlt betűt imitálva.
Amikor kitalálja, hogyan lehet dőlt betűt írni CSS-ben vagy HTML-ben, ne feledje, hogy bizonyos betűtípusok esetén meg kell győződnie arról, hogy a böngésző hozzáfér-e a dőlt betűkészletekhez. Egyes esetekben a böngésző döntési algoritmusainak eredménye nem lehet kielégítő.
HTML kurzív
A HTML-ben két speciális címke található a dőlt szöveghez: i (a dőlt szóból) és em. A leírók bármelyikébe zárt szövegrészlet stílusa ugyanaz lesz.
A különbség a logikai elosztásban rejlik. Az em címke a töredék különleges jelentőségét jelzi. Ez fontos keresőrobotok és képernyőolvasók számára, amelyek intonáció segítségével kiemelik a megadott szöveget.
font-stílusú tulajdonság
A CSS-ben a dőlt betűt a font-style utasítás szabályozza. Három alapérték egyikét veheti fel:
- normál - normál betűtípus;
- dőlt - dőlt stílus;
- ferde - ferde stílus.
Jelenleg a legtöbb modern böngésző ugyanúgy kezeli a ferde és a dőlt értékeket, de eredetileg azt feltételezték, hogy az előbbi speciális böngészőalgoritmusok eredménye, amelyek minden karaktert jobbra döntenek.
Ha a keresett betűtípust nem találja a böngésző, akkor a dőlt betű pontosan ugyanúgy fog kinézni, mint a ferde betűtípus.
Az em címkével ellentétben nem tulajdonít különösebb jelentőséget a kiemelt töredéknek, inkább az i leírónak felel meg.
Példák
Az idézetek gyakran dőlt betűvel vannak kiemelve. Próbáljuk meg szépíteni.
Idézet ( betűstílus: dőlt; bal szegély: 5 képpont, tömör lila; kitöltés balra: 20 képpont; )
A jobb oldali díszítő szegélyen és a kitöltésen kívül az idézőjelben van egy dőlt betűs betűstílus szabály.
Dőlt CSS-t állít be.
