/ / Mi a HTML struktúra jellemzői?

Mi a HTML struktúra jellemzői?

A HTML kétségtelenül az internet fő nyelve,vele született. Így vagy úgy, minden weblap létrehozásában és működtetésében részt vesz a világhálón. Annak megértése nélkül, hogy mi a HTML és hogyan működik, lehetetlen átalakítani a folyamatos szövegfolyamot, amely eredetileg bármilyen dokumentum volt, strukturált, gyönyörű és felhasználóbarát weboldalra.

HTML és a világháló

A rövidítés angol nyelvből származikHyperText jelölőnyelv A fordítás teljesen elmagyarázza, mi a HTML, egy hipertext jelölőnyelv. Az internet fejlődésének hajnalán jelent meg, és tudományos és műszaki dokumentációt tartalmazó weboldalak készítésére szolgált, amelyek különösen a megfelelő kialakítást igénylik.

Tim Berners-Lee, a nyelv alkotója, ezt javasoltaannak segítségével könnyen egyszerű, de érthető dokumentumokat lehet készíteni a különböző városok és országok tudósai közötti cserére. Kidolgozott egy leírókészletet - a szöveget formázó elemeket. Most már "címkék" néven ismerjük őket.

A HTML szöveg megfelelő megjelenítéséhez szükségesfeldolgozása. Ezt speciális programok - böngészők - végzik. Megkapják a megjelölt oldalt, értelmezik a címkecímkéket és megjelenítik a szöveget olyan formában, amelyben a felhasználónak látnia kell.

A nyelv nagyon fontos része, amely még a től is egyértelműneve hipertext támogatás. Ez azt jelenti, hogy egyes HTML oldalak linkeket tartalmazhatnak másokra. A kereszthivatkozási rendszer különös jelentőséggel bírt a tudományos cikkek esetében, lehetővé téve, hogy ne mélyítsen bele egy összetett kifejezés magyarázatába, hanem egyszerűen elküldje az olvasót a megfelelő fejezethez, ha szükséges.

Nyelvfejlesztés

Idő telt el, egy egyszerű HTML-címkekészletlétezésének kezdetén nőtt és erősödött. Most beágyazhat egy multimédiás tartalmat egy oldalba, táblákat hozhat létre és kezelheti a képek helyét.

A nyelv spontán kiterjesztését meg kellett volna korlátozni, és ellenőrzés alá kellett venni, bizonyos szabványokra volt szükség.

Különféle böngészők

1995 - a harmadik változat elfogadásának idejeelőírások és fordulópont a kódolók sorsában. Az akkori modern böngészők már nem tudták biztosítani az elfogadott szabványok végrehajtását, megkezdődtek az improvizáció és a rétegződések. Minden internetes böngészőnek volt véleménye arról, mi a HTML és hogyan kell kezelni az egyes leírókat.

Szerencsére jelenleg a böngészők közötti legfontosabb ellentmondások kiküszöbölésre kerültek, így a front-end fejlesztők sok energiát és ideget takarítottak meg.

HTML5

A 2018-as év számára az ötödik szabványHTML, amelynek vázlata 2007 végén jelent meg. Számos új elemet és attribútumot mutatott be, különös hangsúlyt fektetve a weboldalak szemantikájára és hozzáférhetőségükre a fogyatékossággal élő felhasználók számára.

A nyelv továbbra is aktívan fejlődik és továbbfejlődik.

Ötödik HTML szabvány

HTML alapok

A fő HTML struktúrák leírók vagy címkék és entitások. A segítségükkel feldolgozott sima szöveg webdokumentummá alakul.

A hipertext jelölő nyelv entitásai az Unicode speciális karakterek mnemonikus kódjai, amelyek nem találhatók a normál billentyűzeten.

Entitás példák:

< nyitó szögtartó
> záró szögtartó
vékony bal nyíl
vékony nyíl felfelé

A HTML entitások egy ampersanddal kezdődnek,pontosvesszővel ér véget és könnyen megjegyezhető karakterkódot tartalmaz. Fontosak, mivel lehetővé teszik olyan karakterek megjelenítését, amelyeket nem lehet közvetlenül a HTML kódba írni.

Ilyen jelek például a sarokkonzolok. A hipertext jelölőnyelvben azonosítóként szolgálnak, és a leíró nevét körülveszik mindkét oldalon.

HTML-címkék

A címkék a webdokumentumok alapvető szerkezeti elemei. Konténerek nyitható és záró alkatrészek számára, és a közöttük található tartalmak.

Címkepélda:

 szöveg a címkén belül 

Ez egy HTML leírás. ésdőlt betűtípus meghatározása. Az i betű a dőlt szó első betűje. Van:

  • nyitó rész ;
  • záró rész a perjel jelenléte jellemzi;
  • olyan tartalom, amely a böngésző általi elemzés után dőlt betűvel jelenik meg.
HTML tag struktúra

A legtöbb leíró szerkezete azonos, de van egy kis csoport üres címkék.

Hosszú szöveg, amelyet több sorra kell felosztani 
az olvashatóság javítása érdekében.

címke katalógusa az elemzés után helyére sorszakadás lép. Nincs tartalma, ezért fedélre nincs szükség.

A következő címkék szintén üresek:


  • egy vékony szürke sort jelöl, amely elválasztja a szövegrészeket egymástól;
  • az interaktív formaelemek egész családját képviseli;
  • képfájl csatolása;
  • szolgáltatási címkék száma - , .

A leírók tetszőleges számú szinten beágyazhatók. Kivétel csak az üres címkék, amelyek nem tartalmazhatnak tartalmat.

Címkeattribútumok

A webdokumentumok létrehozása során nagy jelentőséggel bírnak az olyan attribútumok, amelyeket a címke nyitó elemébe helyeznek. A leírónak lehet, hogy nem rendelkezik egy vagy több tulajdonsággal.

A legtöbb esetben attribútumok használataaz elem viselkedésének néhány szempontja tisztázódik, és néha képesek radikálisan megváltoztatni a vizuális ábrázolást. Számos tulajdonságot használnak hivatalos célokra, lehetővé téve a HTML-címkék kezelését a CSS-ből vagy a JavaScript-ből.

Attribútum beállítása:

Válasszon színt:

 piros

 sárga

 zöld

Itt van egy három interaktív elem csoportja. attribútum típus jelölőnégyzetek formájában határozza meg megjelenítésüket, név egy adott mező nevét és a tulajdonságot tartalmazza kockás, ami nem számít, a második bemenetet alapértelmezés szerint választja.

Bemeneti címke attribútumokkal

Vannak univerzális attribútumok, amelyek bármilyen leíróhoz definiálhatók, és az egyes címkékre jellemző specifikus attribútumok.

Az univerzális tulajdonságok között szerepel: azonosító, osztály, cím.

Az egyedi típusok a fent említett, ellenőrzött típusok, valamint az src, a href és még számos más.

Szintaxis funkciók

Amikor megkap egy HTML oldalt, a böngésző elemzi azt, és mindent feleslegesről eldob. Tehát a legtöbb esetben a több szóközt és a sorszakadást nem veszik figyelembe.

Az alábbi két kódrészlet teljesen azonos a böngészőben, bár az egyik sok egymást követő helyet tartalmaz, és sorokra oszlik, a másik pedig nem.


Lorem ipsum dolor sit hivatal.

doloribus sunt, hirdetési szolgáltató.

Lorem ipsum dolor sit amet.

doloribus sunt, ad supplynt.

Az elválasztás és a tabulálás használhatóa kód vizuális felépítése, azonban a böngésző szempontjából nem számítanak. Egyes esetekben, amikor meg kell őrizni az eredeti szöveges formátumot, a szóközökkel és a francia bekezdésekkel együtt, vannak olyan címkék, amelyek tartalmát a böngésző előzetes feldolgozása nélkül jelenítik meg, például:

.

A HTML a kis- és nagybetűk között érzékeny nyelv.Ez azt jelenti, hogy a címkéket, a neveket és az attribútumértékeket kis- vagy nagybetűkkel lehet írni, és mindkét opciót a böngésző egyformán helyesen dolgozza fel. Ha szükséges, akkor is használhatja nagybetűk és kisbetűk kombinációit, de ez akadályozza a kód normál észlelését.

Miután megismerte a címkéket, azok tulajdonságait és szintaxisát, áthelyezheti a HTML nyelv alapjait a HTML dokumentum egészére.

HTML dokumentum készítése

A böngésző megfelelő megjelenítéséhez minden weboldalnak rendelkeznie kell bizonyos kerettel.

A HTML dokumentum kötelező struktúrája a következőket tartalmazza:

  • Doctype-hirdetés a böngésző megfelelő kezelésének biztosítása érdekében
  • az egész oldal html-csomagolása;
  • dedikált szervizrész fej.









A HTML5 szabvány nem igényel címkét szerv A dokumentumban azonban ajánlott, hogy használja a tartalom területének jelölésére.

Kötelező HTML dokumentum szerkezet

Fontos, de nem kötelező szolgáltatásleírások a következők:

  • az oldal címét tartalmazó cím;
  • metacímkék, amelyek meghatározzák a kódolást, a seo információkat, a http fejléceket és más fontos beállításokat.

 Oldalcím 


Egyébként a HTML oldal felépítése bármilyen lehet. Jellemzői az adott projekttől függnek.

A fő szabály, amelyet be kell tartani abármilyen webdokumentum a címkék helyes fészkelése. Először a fogantyút lezárják, a fészkelés legmélyebb szintjén helyezkednek el, majd felváltva az összes külsőt.


Bekezdés szövege

Szemantikus szerkezet

A specifikációk fejlődésével és összetettebbé válásávalAz új leírók megjelenése megváltoztatta a webdokumentumok létrehozásának technológiáját. A szövegek kezdetben folyamatosan zajlottak, csak bekezdésekre osztva. Ezután jött a táblázatos elrendezés korszaka, amely lehetővé tette a blokkok elhelyezését az oldalon bármilyen konfigurációban, például oszlopokban.

A CSS fejlesztésével fokozatosan elhagyták a táblák használatát, mert a stílusok lehetővé tették a dokumentum stílusának tetszés szerinti formázását.

Hipertext jelölőnyelv

Az új HTML szabvány üdvözli a szemantikát a HTML dokumentum szerkezetében. Ezt szemantikai címkék, például header, Lábjegyzet, legfontosabb, cikk, nav, rész és mások.

Az internet fő nyelve nagyon egyszerű. Bárki képes megérteni, mi a HTML, és ezt a tudást sikeresen alkalmazhatja saját weboldalak létrehozásával.

tetszett:
0
y