A szöveghez viszonyított index a karakterek eltolása az alapvonaltól felfelé vagy lefelé. A pozitív vagy negatív eltolás értékétől függően az indexet felsőnek vagy alsónak nevezik. Aktívan használják matematikában, fizikában, kémiában és a mértékegységek kijelölésében. A HTML két elemet kínál az index létrehozásához: (angol felsőindexből) - felső index és (angol indexből) - alindex. Az egyik ilyen tárolóba helyezett szöveg jelölve van kisebb mint az alapszöveg, és felfelé vagy lefelé tolódik hozzá képest. Az 1. példa azt mutatja megosztás a megadott elemeket és stílusokat a szöveg megjelenésének megváltoztatásához.
Példa 1. Hozzon létre felső és alsó indexet
Másodfokú felület jellemző egyenlete
λ 3- Én 1λ 2+ Én 2λ - I 3 = 0
A példa egyszerre tartalmaz alsó és felső indexet is. Az index betűstílusának megváltoztatásához az adott stílusokat alkalmazza egységes kialakítás(1. ábra).
Rizs. 1. Az indexek nézete a stílusok alkalmazása után
Teljesen megtagadhatja a használatát és stílusok mellett. Ezen elemek analógja vertical-align tulajdonság, arra kényszerítve a szöveget, hogy függőlegesen mozogjon a megadott távolsággal. Konkrétan a 2. példa 0.8em értéket használ a felső indexhez és -0.5em értéket az alsó indexhez értékként. Em az aktuális betűtípus méretével megegyező relatív egység. Például a 0.5em azt jelenti, hogy a szöveget a betűméret felével kell eltolni.
2. példa Stílusok használata az indexek kezelésére
Fokfokú polinom n
f (x) = a 0+ a 1 x + ... + a n-1 x n-1+ a n x n
A példában maga a képlet jelenik meg nagyított méretben, a felső index karaktereit pirossal, az alsókat pedig kékkel állítjuk be (2. ábra).
HTML címkék és - Alindex és felső index
Meghatározás és használat
Címke meghatározza az alsó index szövegét. Az alsó index fele a magasságnak, és az alapvonal alatt jelenik meg. Az alsó index használható kémiai képletek, például H 2O írásához.
Címke felső index szövegét határozza meg. A felső index a magasság fele, és az alapvonal felett jelenik meg. A felső index használható olyan lábjegyzetek írásához, mint a WWW.
Böngésző támogatás
Címkék: és minden nagyobb böngésző támogatja.
Különbségek a HTML és az XHTML között
Standard attribútumok
Oszlop DTD megadja, hogy melyik HTML 4.01 / XHTML 1.0 DTD dokumentumtípusban engedélyezett az attribútum. S = Szigorú, T = Átmeneti és F = Keretkészlet.
Címkék: és támogatja a következő szabványos attribútumokat:
| Tulajdonság | Jelentése | Leírás | DTD |
|---|---|---|---|
| osztály | osztály név | Megadja az elem osztálynevét | STF |
| dir | rtl ltr |
Megadja az elem tartalmának szövegirányát | STF |
| id | azonosító | Egy elem egyedi azonosítóját adja meg | STF |
| lang | nyelv_kód | Megadja az elem tartalmának nyelvkódját | STF |
| stílus | style_definition | Inline stílust ad meg egy elemnek | STF |
| cím | szöveg | Azt jelzi További információ tételről | STF |
| xml: lang | nyelv_kód | Az XHTML dokumentumok elemtartalmának nyelvkódját határozza meg | STF |
További információ a szabványos attribútumokról.
Esemény attribútumai
Címkék: és támogatja a következő eseményattribútumokat:
| Tulajdonság | Jelentése | Leírás | DTD |
|---|---|---|---|
| kattintásra | forgatókönyv | Az egérrel kattintott szkript | STF |
| ondblclick | forgatókönyv | Kétszer kattintott szkript | STF |
| lehanyatlott | forgatókönyv | Az egérkattintásra futtatható szkript | STF |
| egy mozdulattal | forgatókönyv | Az egérmutató mozgatásakor futó parancsfájl | STF |
| egérrel | forgatókönyv | A szkript akkor fut, ha az egér az elemen kívül mozog | STF |
| egérrel | forgatókönyv | A parancsfájl akkor fut, ha az egérmutató egy elem fölé mozog | STF |
| egérrel | forgatókönyv | A szkript az egérgomb elengedésekor fut | STF |
| lejjebb | forgatókönyv | A parancsfájl futtatása a gomb megnyomásakor | STF |
| gombnyomásra | forgatókönyv | A parancsfájl akkor fut, ha megnyom egy gombot, majd elengedi | STF |
| bekapcsoláskor | forgatókönyv | A kulcs elengedésekor futó szkript | STF |
További információk a
Helló. Néha weboldalak létrehozásakor néhány szót be kell állítani css használatával nagybetűs vagy felső index pozíció. Lássuk, hogyan történik ez.
Nagy és kisbetűs css
Általában még ma is beillesztheti a kívánt szöveget címkékbe és szerezze be a kívánt kijelzőt, de nézzük meg azt is, hogyan lehet ezt css -el csinálni, mert a technika kissé más.
Például be kell írnia a H 2 O képletet egy html dokumentumba. Ez így történik:
- Maga a képlet meg van írva
- Azok a szavak és számok, amelyeket a felső vagy alsó indexben kell megjeleníteni, egy span tag -ben vannak, amelyhez osztályt kell rendelni. Például: karaktereket kell kiadni
- A css -ben be kell állítania ezt az elemet:
Top-index (
Függőleges igazítás: szuper;
}
Ez a tulajdonság felelős a szöveg függőleges igazításáért. Szuperértéke határozza meg, hogy a szöveg felső indexként jelenjen meg. De a betűméret ugyanaz maradt, mint a normál szövegnél. A szebb megjelenés érdekében a betűméretet valamivel kisebbre kell állítania a betűméret tulajdonság segítségével.
Az ingatlan egyszerűen így működik. Ennek megfelelően az indexben való megjelenítéshez a következőképpen kell írni:
Top-index (
Függőleges igazítás: sub;
}
A különbség a hasonló html -címkékhez képest az, hogy ezek a szabályok nem változtatják meg a betűméretet, így ha ezt meg kell tennie, regisztrálnia kell új méret a stíluslapban.
Ennyit kell tudni a css felső és alsó indexéről. Az ingatlan nem nyújt további lehetőségeket, és nincs is rájuk szükség. Ha szeretné, személyre szabhatja ezt a szöveget, de erre ritkán van szükség.
Hol jöhet jól
A felső és alsó index szövegek használhatók képletek írásakor, jegyzetek és jegyek hozzáadásakor a cikkekhez. Például a Wikipédia felsorolja az egyes cikkekhez tartozó forrásokat és megjegyzéseket. A cikk folyamán kis feliratok formájában kerülnek elhelyezésre. Ez nem irritálja az olvasókat, és ugyanakkor lehetővé teszi a cikkek kívánt megjelenését.
A tulajdonság teljes mértékben böngészőn keresztüli, és a CSS minden verziójában támogatott.
A CSS lehetővé teszi a HMTL nyelven megjelenített szöveg rugalmas testreszabását. Ma megvizsgáljuk a "text-transform" tulajdonság hatását, amely lehetővé teszi a betűtípus kis- és nagybetűinek megváltoztatását. Ezt az opciót mindenki támogatja modern böngészőkés szerepel az összes CSS verzió specifikációjában.
Időpont egyeztetés
A "text-transform" tulajdonság három fő és két további értéket vehet fel. Például nagybetűket rendelhet az összes kijelölt szöveghez. Vagy parancsot adhat az előző tulajdonság ellentétének, ahol minden karakter kisbetűvé válik. Időpontot foglalhat az Ön számára kényelmes módszerrel. Például inline stílusok használata. Vagy létrehozhat
Külön fájl az összes tulajdonság leírásával. Az, hogy melyik hozzárendelési módot használja, csak rajtad áll. A "Text-transform" a következő értékeket veheti fel:
- Nagybetűs. Az összes kiválasztott karaktert nagybetűvel kezdi. A nagybetűk gyakoriak a CSS-ben, mivel ez az érték sok összetett szöveggel kapcsolatos probléma megoldásában segíthet.
- Kisbetűs. Ez a tulajdonság pontosan ellentétes a nagybetűs paranccsal.
- Nagybetűs. Az első betű kis- és nagybetűit kisbetűsre változtatja. A többi karakter nem változik.
- Egyik sem. Lehetővé teszi az összes hozzárendelt érték elvetését (egy tulajdonság előzetes meghatározásához szükséges). Általában ez az érték alapértelmezés szerint van beállítva.
- Örököl. Minden tulajdonságot örököl szülő elem... Meg kell jegyezni, hogy az IE nem támogatja ezt a tulajdonságot.
Alkalmazás
VAL VEL CSS használatával A nagybetűket (vagy hasonló effektusokat) egyetlen egyszerű paranccsal állíthatja be. Ezért nincs szükség a teljes szöveg megváltoztatására vagy átírására. Ha egyoldalas webhelyről beszélünk, akkor ez a tulajdonság nem biztos, hogy hasznos. De amikor egy hatalmas portált irányít, ahol ki kell javítania a betűket kis töredékben, akkor a "szöveg-átalakítás" lesz az egyetlen hatékony orvosság... Például meg kell javítania a betűtípust a "h2" fejléccímkékben. Ehhez adja hozzá a bejegyzést: "h2 (text-transform: nagybetű;)", és akkor minden második szintű fejléc nagybetűs lesz.
Sajátosságok
Egyesek azt gondolhatják, hogy a kézi szövegszerkesztés és a betűtípus-változtatás a "text-transform" tulajdonság használatával nincs különbség. De ez nem így van. Ha manuálisan nagybetűsre (nagybetűs) módosítja, akkor amikor ezeket az információkat a webhelyéről másolja, a karakterek változatlanok maradnak. Ha CSS -t használ, akkor más a helyzet. A "text-transform" tulajdonság csak vizuálisan változtatja meg a felhasználók betűtípusát. De a valóságban a szimbólumok változatlanok maradnak. Ez történik a tulajdonság összes értékével. A másolt információnak (szövegnek) az eredeti regisztere lesz, amelyet a forráskód oldalak. Ez az egyetlen különbség a kézi feldolgozás és a CSS -parancsok között.
Nem számít, melyiket szeretné használni - kis vagy nagybetűt, a legfontosabb, hogy ne felejtse el a célt. Például, ha csak dekoratív célokra van szükség változtatásokra, akkor biztonságosan használhatja a "text-transform" tulajdonságot. Nos, ha tudja, hogy a felhasználók valószínűleg lemásolják az Ön által közzétett információkat, akkor a legjobb, ha manuálisan módosítja az összes szöveg kis- és nagybetűit. Valóban, néha az olvasók nem veszik észre az ilyen betűváltozást. Ez különösen fontos, ha fontos dokumentumokról és hasonló információkról van szó.
Az utolsó videó bemutatóban megtanultuk az eltávolítást és a hozzáadást új információ v új verzió HTML dokumentum, miközben jelentést tesz róla kereső motorokés vizuálisan kiemelve, hogy a látogatók is láthassák a változásokat. Ehhez a del és ins címkéket használtuk.
Ebben az oktatóvideóban folytatjuk a szöveg formázásának témáját egy HTML dokumentumban. Megvizsgálunk két HTML -címkét, amelyek a szöveg felső és alsó indexét jelzik.
A HTML sup címke a szöveg felső indexe a HTML -ben.
HTML címke a szöveg felső indexének megadására szolgál HTML -ben. Néhány webhely témakörében ez a címke egyszerűen pótolhatatlan lesz. Például, ha van, vagy tervez egy webhelyet, amely bármilyen képlettel, matematikai vagy vegyi anyaggal van kapcsolatban. Vagy ha van építkezés, akkor a címke nagyon hasznos lesz, és segít a cikkek megtervezésében, amikor képleteket vagy bármilyen mennyiséget, például négyzetmétert írnak az építési témában.
De ha webhelye nem tartozik a felsorolt témák közé, ez nem jelenti azt, hogy a címke nem fog jól jönni. Elég, ha képzeletet és leleményességet mutat, és alkalmazást talál erre az elemre.
HTML alcímke - a szöveg alsó indexe HTML -ben.
Ami a HTML -címkét illeti akkor ez a címke ellentéte , és felelős a szöveg alsó indexének megadásáért. A szöveg alsó indexe használható képletek vagy matematikai egyenletek írása során. De ezen kívül előfordulhat, hogy a címke más felhasználási módjait is megtalálja. .
A következő videólecke további két címkével foglalkozik, amelyek bizonyos esetekben egyszerűen pótolhatatlanok lehetnek. Sőt, nemcsak szöveget formázhatnak, például egy cikkben, hanem specifikáláskor is különféle információkat az oldalon az oldal elrendezése során. Az egyik címke HTML -be csomagolódik, a másik pedig vízszintes vonalat rajzol.
