nisfarm.ru

Co je HTML, vlastnosti struktury

HTML je bezpochyby hlavním jazykem internetu, který s ním vznikl. Každopádně se podílí na tvorbě a provozu každé webové stránky na World Wide Web. Bez pochopení toho, co HTML je a jak funguje, je nemožné přeměnit nepřetržitý proud textu, který je zpočátku jakýkoli dokument, na strukturovanou, krásnou a uživatelsky přívětivou stránku.

HTML a World Wide Web

Zkratka je odvozena z anglického výrazu HyperText Markup Language. Překlad plně vysvětluje, co HTML je - jazyk hypertextového značení. Objevila se na počátku vývoje internetu a byla určena pro tvorbu webových stránek obsahujících vědeckou a technickou dokumentaci, která musí být zvláště navržena.

Tim Berners-Lee, tvůrce jazyka, předpokládal, že s jeho pomocí bude možné snadno vytvářet jednoduché, ale srozumitelné dokumenty pro výměnu mezi vědci z různých měst a zemí. Vyvinul soubor deskriptorů - prvky, které formátují text. Nyní je známe pod názvem "tagy".

Aby text HTML byl správně zobrazen, je nutné jeho zpracování. To se provádí pomocí speciálních programů - prohlížečů. Obdrží značkovací stránku, interpretují deskriptory tagů a zobrazují text ve formě, ve které by měl uživatel vidět.

Velmi důležitá část jazyka, která je pochopitelná i od jeho jména, je podpora hypertextu. To znamená, že některé stránky HTML mohou obsahovat odkazy na jiné. Zvláště důležitý systém křížové odkazy měl k vědeckým článkům, což neumožňovalo ponořit se do vysvětlení složitého výrazu, ale v případě potřeby jednoduše poslal čtenáře do příslušné kapitoly.

Vývoj jazyka

Jak plynul čas, jednoduchá sada značek, které byly na začátku své existence v HTML, rostla a dozrávala. Byla příležitost vložit multimediální obsah do stránky, vytvořit tabulky, spravovat uspořádání obrázků.

Spontánní rozšíření jazyka by mělo být omezeno a kontrolováno, některé standardy byly nutné.

Rozmanitost prohlížečů

1995 - doba přijetí třetí verze specifikace a bod obratu v osudech kodéru. Moderní v té době prohlížeče již nemohly zajistit implementaci přijatých standardů, začala improvizace a delaminace. Každý internetový prohlížeč měl svůj vlastní názor na to, co HTML je a jak zvládnout konkrétní deskriptory.

Naštěstí se v současné době vyhlazují hlavní rozpory mezi prohlížeči, čímž si vývojářům frontend ušetří sílu a nervy.

HTML5

Aktuální pro rok 2018 je pátý standard HTML, jehož návrh se objevil koncem roku 2007. Bylo představeno mnoho nových prvků a atributů, zvláštní důraz byl kladen na sémantiku webových stránek a jejich dostupnost pro uživatele s postižením.

Jazyk se nadále aktivně rozvíjí a zlepšuje.

Pátý standard HTML

Základy HTML

Hlavní HTML struktury jsou deskriptory, značky nebo entity. Jednoduchý text zpracovaný s jejich pomocí se změní na webový dokument.

Subjekty hypertextového značkovacího jazyka jsou mnemotechnické kódy pro speciální znaky Unicode, které se nenacházejí na klasických klávesnicích.

Příklady subjektů:

lt-úhel otevření
.zavírací úhelník
larr-tenká šipka směřující doleva
uarr-tenká šipka směřující nahoru

Jednotky HTML začínají znakem ampersand, končí středníkem a obsahuje znak, který je pro daný znak snadno zapamatovatelný. Jsou důležité, protože umožňují zobrazit znaky, které nelze v kódu HTML přímo vyslovit.




Takové známky zahrnují například úhlovou konzolu. V jazyce hypertextového značkování slouží jako identifikátory značek, které obklopují název deskriptoru ze dvou stran.

HTML tagy

Štítky jsou hlavními konstrukčními součástmi webového dokumentu. Jsou to kontejnery z otvíracích a zavíracích částí a jejich obsah.

Příklad značky:

textu uvnitř značky

Jedná se o deskriptor HTML i, definuje kurzívový styl písma. Písmeno i je první písmeno slova kurzíva. Má:

  • otvírací část -
  • uzavírací část , vyznačující se přítomností lomítka;
  • obsah, který po rozbalení prohlížečem bude zobrazen kurzívou.
HTML tag structure

Většina deskriptorů má stejnou strukturu, ale existuje malá skupina prázdných značek.

Dlouhý text, který následuje
rozdělit se na několik řádků
ke zlepšení čitelnosti.

Tag
Po rozbalení bude nahrazena čárou. Nemá žádný obsah, takže uzavírací část není nutná.

Následující značky jsou také prázdné:

  • , Tenká šedá čára odděluje bloky textu od sebe navzájem;
  • , představující celou řadu interaktivních forem forem;
  • , obrazový soubor, který se připojuje;
  • počet servisních značek - , .

Popisovače mohou být vnořeny v libovolném počtu úrovní. Jedinou výjimkou jsou prázdné značky, uvnitř kterých nemůže být obsah obsažen.

Atributy značky

Velký význam při vytváření webových dokumentů má atributy, které jsou umístěny v prvku otevírání značky. Popisovač může mít jednu nebo více vlastností nebo vůbec je nemá.

Ve většině případů jsou s pomocí atributů určeny určité aspekty chování prvku a někdy jsou schopny radikálně změnit vizuální reprezentaci. Řada vlastností se používá pro obchodní účely, což vám umožňuje spravovat značky HTML z CSS nebo jаvascript.

Nastavení atributů:

Zvolte barvu: Červená Žlutá Zelená

Zde je skupina tří interaktivních prvků. Atribut typ určuje jejich zobrazení ve formě zaškrtávacích políček, jméno obsahuje název konkrétního pole a vlastnost zkontrolovat, nemá hodnotu, provede druhý odvoz ve výchozím nastavení.

Vstupní značka s atributy

Existují univerzální atributy, které lze definovat pro libovolný deskriptor a specifické, specifické pro konkrétní značky.

Univerzální vlastnosti jsou: id, třída, název.

Konkrétně - výše uvedený typ, zaškrtnuto, stejně jako src, href a řada dalších.

Funkce syntaxe

Když obdržíte stránku HTML, prohlížeč ji analyzuje a zbavuje všeho, co je nadbytečné. Například ve většině případů budou ignorovány vícenásobné mezery a čárky.

Následující dva úryvky kódu jsou pro prohlížeč zcela totožné, ačkoli jeden z nich obsahuje mnoho po sobě jdoucích mezer a je rozdělen na řádky a druhý není.

Lorem ipsum dolor sedí  amet.
doloribus sunt,ad provident.
Lorem ipsum dolor sedí amet.
doloribus sunt, ad provident.

Migrace a karty lze použít k vizuální struktuře kódu, ale pro prohlížeč nezáleží. V některých případech, chcete-li zachovat původní formát textu spolu s mezerami a odrážkami, existují značky, které zobrazují jejich obsah, aniž by je museli prohlížeče předem zpracovávat, 

.
HTML je malá a velká písmena. To znamená, že značky, jména a hodnoty atributů mohou být psány malými nebo velkými písmeny a obě možnosti budou zpracovány stejně správně prohlížečem. Je-li to potřeba, můžete dokonce použít kombinace velkých a malých písmen, ale to zabraňuje normálnímu vnímání kódu.
Po seznámení se značkami, jejich vlastnostmi a syntaxou se můžete přesunout ze základů jazyka HTML na strukturu dokumentu HTML jako celku.
Vytváření dokumentu HTML
Každá webová stránka musí mít určitý rámeček, který má prohlížeč správně zobrazit.
Povinná struktura dokumentu HTML obsahuje:
  • prohlášení o doctype, které poskytuje správné zpracování prohlížečem;
  • html-wrapper celé stránky;
  • specializovaná servisní část hlavu.
Norma HTML5 nevyžaduje povinnou značku tělo v dokumentu, ale doporučuje se, abyste ji ještě použili k označení oblasti obsahu.
Požadovaná struktura dokumentů HTML
Důležité, ale volitelné popisovače služeb jsou:
  • název obsahující název stránky;
  • meta tagy, které definují kódování, seo-informace, http-hlavičky a další důležité nastavení.
Název stránky
Zbývající struktura stránky HTML může být libovolná. Jeho funkce závisí na konkrétním projektu.
Hlavní pravidlo, které musí být dodrženo v jakémkoli webovém dokumentu, je správné rozložení značek. Nejprve je deskriptor na nejhlubší úrovni hnízdění uzavřen a pak všechny externí jsou střídavě.
Text odstavce
Sémantická struktura
Jak se specifikace rozvinula a stala se složitější a objevily se nové deskriptory, technologie pro tvorbu webových dokumentů se změnily. Zpočátku byly texty nepřetržitý proud, oddělený pouze odstavci. Pak přišla éra tabulkového uspořádání, která umožnila umístit bloky na stránku v libovolné konfiguraci, například ve sloupcích.
S vývojem CSS z použití tabulky postupně opouští, protože styly umožňují formalizovat dokument, jak chcete.
Hypertextový značkovací jazyk pro webové stránky
Nový standard HTML podporuje sémantiku ve struktuře dokumentu HTML. Toho lze dosáhnout použitím takových sémantických značek jako záhlaví, zápatí, hlavní, článek, nav, část a další.
Hlavní jazyk internetu je velmi jednoduchý. Každý, kdo dokáže pochopit, co je HTML, a úspěšně uplatňuje tyto znalosti vytvořením vlastních webových stránek.
 
Sdílet na sociálních sítích: 

 
 
Podobné
 
 
 
 
 
 © 2021 nisfarm.ru