Špecifikácie pre html5 v ruštine. Štandardy kódovania HTML5. Prázdne riadky a odsadenie

Chcete rýchlo nájsť popis prvku alebo atribútu HTML5 použitého na webovej stránke alebo webovej aplikácii? Tu je klasická príručka, ktorú sa webdizajnéri a weboví vývojári snažia mať po ruke už viac ako 15 rokov.
Piate vydanie knihy obsahuje kompletný popis HTML5 prvkov a atribútov v súlade s HTML5 Candidate Recommendation, HTML5.1 Working Draft a WHATWG štandardmi. Vlastnosti adresára:
– abecedne usporiadaný zoznam prvkov a atribútov z HTML5, HTML5.1 a štandardu WHATWG;
– príklady značiek, kategórií obsahu, modelov obsahu a požiadaviek na počiatočné/koncové značky pre každý prvok;
– popis rozdielov medzi špecifikáciami HTML5 a HTML4.01;
– tabuľky špeciálnych znakov;
– prehľad knižníc API používaných v HTML5.

Či už ste skúseným vývojárom webových stránok alebo chcete rýchlo vytvoriť webovú stránku podľa najnovších štandardov, túto užitočnú knihu považujete za nevyhnutnú.

Páčil sa vám článok alebo kniha? Zdieľajte so svojimi priateľmi:

Všetky knihy prezentované na stránke slúžia len na informačné účely. Akékoľvek ich použitie je povolené len na informačné účely. Ak ich plánujete použiť v budúcnosti, musíte si ich zakúpiť od držiteľov autorských práv. Správa stránky nie je zodpovedná za ich používanie.

Po prečítaní názvu publikácie: „HTML5 Cheat Sheet in Russian“ - každý už hádal o prejave, ale najskôr pár odsekov o HTML5 vo všeobecnosti.

Práce na vytvorení HTML5 sa začali v roku 2004. a pokračujú dodnes. HTML5 je plánované ako najuniverzálnejšia a najfunkčnejšia verzia HTML (HyperText Markup Language), pretože tak či onak sa na tvorbe HTML5 podieľajú titáni v tomto odvetví ako Apple, Mozilla, Opera, Microsoft a Google. Dovoľte mi poznamenať, že presne Google Chrome, na tento moment, podporuje väčšinu prvkov HTML5

Napriek skutočnosti, že môžu byť vykonané zmeny v HTML5, pretože práca na špecifikácii HTML 5 stále prebieha a stále prebieha, vývoj technológie prebieha tak rýchlo, že HTML5 bude čoskoro prijaté a webové stránky bude potrebné vytvoriť s využitím širokých možností. HTML5!

HTML5 cheat sheet v ruštine pomôže pri učení

Programátori a dizajnéri layoutov sa dnes musia naučiť inovácie, značky a štandardy HTML5, pretože aj napriek pokračujúcej práci na HTML5 sa niektoré jeho schopnosti už pomerne úspešne využívajú pri tvorbe webových stránok. Prirodzene, musíte sa začať učiť HTML5 pomocou značiek, pretože v HTML5 sa objavili nové značky a niektoré staré nebudú podporované. Tiež veľa značiek z HTML4 prišlo do HTML5. A čo môže byť lepšie a pohodlnejšie sa niečo naučiť ako cheat sheet? Zoznámte sa:

prvý cheat HTML5 v ruštine v RuNet

Prvý hárok HTML5 v ruštine na RuNet obsahuje nové prvky HTML5, ktoré boli predtým široko používané, ale boli napísané v názvoch štýlov. Napríklad päta, hlavička, sekcia, článok a iné. Okrem toho, HTML5 cheat sheet v ruštine obsahuje všetky značky stará verzia HTML4, ktorý prešiel na HTML5. Cheat sheet HTML5 v ruštine tiež obsahuje značky, ktoré HTML5 nepodporuje.

HTML5 cheat sheet v ruštine, vyrobený vo formáte A4

Prvý HTML5 cheat sheet v ruštine v RuNet je vyrobený vo formáte A4, takže bude pre vás pohodlné si ho vytlačiť a mať ho po ruke. Všimol som si, že hárok HTML5 v ruštine popisuje všetky značky v jednom riadku a čo najviac vyjadruje účel značky. Náš hárok HTML5 v ruštine sa bude neustále zdokonaľovať a aktualizovať, keď budú značky odstránené alebo pridané do HTML5. Môžete si stiahnuť "HTML5 cheat sheet v ruštine" z nižšie uvedeného odkazu. V archíve nájdete 1 pdf Vysoká kvalita a dve jpg súbor v rôznych rozšíreniach.

Stiahnite si „HTML5 Cheat Sheet in Russian“ (Počet stiahnutí: 7996)

Archív obsahuje dva jpg súbory v príponách 1024×1448 a 2480×3508

aktualizované 29.10.2014

Od napísania príspevku a samotného vytvorenia cheat sheetu na HTML 5 ubehli viac ako dva roky. Za ten čas bol cheat hárok stiahnutý 3600-krát), veľmi ma to teší, dúfam, že to bolo užitočné pre tých, ktorí študovali rozloženie v HTML 5. Veľa som sa naučil a naučil z rôznych fór a webových stránok a vytvorením cheat sheetu som chcel ukázať svoju vďačnosť, splatiť svoj dlh). Prečo dnes píšem aktualizáciu v tomto príspevku, pretože dnes je vývoj HTML5 konečne dokončený!

Vývoj HTML5 je oficiálne ukončený

HTML5 je oficiálne „funkčne dokončené“. Podľa zavedených globálnych štandardov Worldwide Web Consortium (W3C). Stále je potrebné vykonať niekoľko testov a ešte sa nestal oficiálnym webovým štandardom, ale zatiaľ možno povedať, že v porovnaní s aktuálnou verziou nebudú žiadne nové funkcie.

To znamená, že weboví dizajnéri a tvorcovia aplikácií majú teraz „stabilný cieľ“ na hladký prechod nový štandard do roku 2015. Značkovací jazyk HTML5 umožňuje vývojárom pridávať funkcie na stránky, ktoré predtým vyžadovali samostatné aplikácie alebo ďalšie softvér, ako napríklad Java, Adobe Flash alebo Microsoft (MSFT, Fortune 500) Silverlight. Podporuje streamované video a geolokačné služby, offline nástroje a dotykové ovládanie, okrem iného zvončeky a píšťalky.

Vývoj nového štandardu trval viac ako 10 rokov. CEO W3C Jeff Jaffe v pripravenom vyhlásení pred niekoľkými dňami uviedol, že od dnešného dňa vývojári vedia, že sa môžu na HTML5 spoľahnúť aj v nasledujúcich rokoch. „Okrem toho budú vývojári vedieť, aké zručnosti majú rozvíjať, aby dosiahli na smartfóny, autá, televízory, e-knihy, zatiaľ neznáme digitálne značky a zariadenia,“ dodal.

Najnovšie Verzie spoločnosti Microsoft internet Explorer, Google Chrome, Mozilla Firefox a Apple Safari sú už kompatibilné s väčšinou prvkov HTML5. W3C už pracuje na HTML 5.1, ktorého prvé časti boli práve predložené ako koncept.

Konvencie HTML kód

Pre mnohých webových vývojárov sú špecifikácie kódu HTML zle pochopené.

V rokoch 2000-2010 veľa webových vývojárov prešlo z HTML na XHTML.

Vývojári používajúci XHTML postupne vyvíjajú dobré špecifikácie písania HTML.

A v HTML5 musíme vytvoriť relatívne dobré štandardy kódu, niekoľko pokynov je uvedených pod špecifikáciou.

Použite správny typ dokumentu

Deklarácia typu dokumentu na prvom riadku HTML dokument:

DOCTYPE HTML>

Ak chcete použiť iné štítky, napríklad malé písmená, môžete použiť nasledujúci kód:

DOCTYPE HTML>

Názvy prvkov s malými písmenami

Názov prvku HTML5 možno použiť veľkými alebo malými písmenami.

  • Prípad zmiešaného štýlu je veľmi zlý.
  • Malé písmená sa ľahko píšu.


Toto je odsek.

Veľmi zle:


Toto je odsek.


Toto je odsek.

Vypnite všetky prvky HTML

V HTML5 nechcete zatvoriť všetky prvky (napríklad prvok ), ale odporúčame, aby každý prvok pridal uzatváraciu značku.


Toto je odsek.

Toto je odsek.


Toto je odsek.

Toto je odsek.

Zavrieť prázdne prvky HTML

V HTML5 nemusí byť prázdny prvok HTML vypnutý:

Môžeme napísať:

Môžete tiež napísať:

Vyžaduje sa XML, XHTML a lomka (/).

Ak plánujete používať svoju stránku softvéru XML, tento štýl je veľmi dobrý.

Názov atribútu malými písmenami

HTML5 vám umožňuje používať názov vlastnosti veľkými aj malými písmenami.

  • Prípad použitia je veľmi zlý zvyk.
  • Vývojári zvyčajne používajú malé písmená (podobne ako XHTML).
  • Štýl malých písmen pôsobí osviežujúco.
  • Malé písmená sa ľahko píšu.

Hodnota nehnuteľnosti

Hodnoty atribútov HTML5 nemožno citovať.

  • Ak hodnota vlastnosti obsahuje medzery, musíte použiť úvodzovky.
  • Zmiešaný štýl sa neodporúča, odporúča sa jeden štýl.
  • Hodnoty vlastností pomocou úvodzoviek sú ľahko čitateľné.

Nasledujúca vzorová hodnota atribútu obsahuje medzery, nepoužívajte úvodzovky, nemusí to fungovať:

Používajú sa nižšie uvedené dvojité úvodzovky, toto je správne:

vlastnosti

Často sa používajú atribúty Image Alt. Ak sa obrázok nedá zobraziť, môže nahradiť zobrazenie obrázka.

= "HTML5" style = "width: 128px; height: 128px">

Veľkosť obrázka je určená, môže byť rezervovaná v čase načítania špecifikovanej hodnoty, znížiť blikanie.

= štýl "HTML5" = "šírka: 128px; výška: 128px">

Medzery a znamienka rovnosti

Pred a za znakom rovnosti môžete použiť medzery.

Vyhnite sa dlhým riadkom kódu

Pomocou editora HTML je posúvanie kódu doľava a doprava nepohodlné.

Každý riadok kódu má maximálne 80 znakov.

Prázdne riadky a odsadenie

Nepridávajte prázdny riadok bez dôvodu.

Pre každý funkčný blok logiky pridajte prázdny riadok, vďaka čomu bude čitateľnejší.

Medzi krátkymi kódmi nepoužívajte zbytočné prázdne odsadené riadky.

Extra prázdne riadky a zarážky:

Tento tutoriál

HTML


Tento tutoriál učí nielen technológiu, ale aj spánok.
Táto učebnica, ktorá učí nielen technológiu, ale aj vo sne,
Tento tutoriál učí nielen technológiu, ale aj spánok.

Tento tutoriál


V tomto návode sa naučíte nielen technológiu, ale aj spánok.
Tento tutoriál učí nielen technológiu, ale aj spánok.
Tento tutoriál učí nielen technológiu, ale aj spánok.
Tento tutoriál učí nielen technológiu, ale aj spánok.

Príklad formulára:



názov
Popis


A
Popis A


B
Popis B

Príklad zoznamu:


  • Londýn
  • Paríž
  • Tokio

    Vynechajme a?

    V štandarde HTML5 možno značku vynechať.

    Nasledujúce dokumenty sú platné vo formáte HTML5:

    Príklad:

    DOCTYPE HTML>

    Názov stránky

    Toto je názov

    Toto je odsek.


    Skús to "

    element je koreňový element dokumentu, jazyk používaný na popis stránky:

    DOCTYPE HTML>

    Jazykové vyhlásenie na uľahčenie čítania na obrazovkách a vo vyhľadávačoch.

    Vynechajme pády softvéru DOM alebo XML.

    Vynechajme chybu, ktorá sa vyskytuje v starších prehliadačoch (IE9).

    Vynecháme to?

    V štandarde HTML5 možno značku vynechať.

    Pred pridaním prvku do predvoleného nastavenia prehliadač predvolí obsah.

    príklady

    DOCTYPE HTML>

    Názov stránky


    Toto je názov

    Toto je odsek.


    Skúste » Metadáta

    HTML5 vyžaduje prvok, ktorého názov popisuje tému stránky:

    V tomto návode

    Názov a jazyk, ktorý umožňuje vyhľadávaču rýchlo pochopiť tému vašej stránky:

    DOCTYPE HTML>



    V tomto návode

    Webový dizajnér – špecifikácia HTML5 (HTML 5)

    Tagy v HTML5 sú XML-HTML tagy, ktoré popisujú štruktúru webovej stránky, navrhnuté tak, aby počítačový program (vyhľadávací robot atď.) dokázal rozlíšiť hlavný obsah stránky od zvyšku stránky (formulácie a navigačné prvky) : hore, dole, menu, prvky na strane stránky, opakujúce sa (dynamické) bloky atď. Existuje aj delenie na úrovni hlavného obsahu (text stránky). Samotný jazyk HTML5 je doplnkom k HTML, XML, CSS atď.

    Názov stránky Horná časť webovej stránky, "hlavička" Hlavné menu webovej stránky Hlavné telo, článok, materiál stránky Bočný panel (bočný panel) Spodná časť stránky, päta

    Štruktúra webu

    - orámovať hlavný obsah stránky (článku),
    - orámovať hlavičku stránky,
    - orámovať pätu stránky,
    - zarámovať to hlavné menu stránok,
    - orámovať bočný panel stránky (bočný panel),
    - rám opakujúce sa bloky na stránke (napríklad komentáre).

    Prvky kódu šablóny webovej stránky HTML5.

  • - priraďte kódovanie windows-1251.
  • - ak je stránka otvorená v IE, prehliadač by mal vždy používať najnovší štandardný režim zobrazenia.
  • - zobrazenie stránky na mobilných zariadeniach.
  • hlavička – hlavička stránky webu, zvyčajne obsahuje logo webu, hlavičku, telefónne číslo, slider a pod.
  • nav – hlavné menu stránky lokality.
  • článok – hlavný obsah stránky: článok, príspevok na blogu, téma fóra atď. Môže obsahovať text, obrázky, videá, tabuľky atď.
  • aside - bočný panel (sidebar) stránky, zvyčajne obsahuje rôzne prvky, ako sú: kategórie, značky, najnovšie príspevky/komentáre, doplnkové menu, počítadlá atď.
  • päta - spodná časť - päta webovej stránky, zvyčajne obsahuje rôzne informácie(autorské práva), kontaktné informácie(adresy, telefónne čísla) atď.
    • HTML5 na úrovni štruktúry stránky

    Pozrime sa na zoznam nových značiek HTML5 zodpovedných za rozdelenie štruktúry stránky:

    - tagy, ktoré rámujú dizajnové prvky hornej časti stránky, takzvaná „hlavička stránky“. Tiež hlavičky tagy môžu byť použité ako vrchná časť značka sekcie.

    - tagy rámujúce hlavné menu na stránke.

    - značky rámujúce hlavný obsah stránky: článok, príspevok na blogu, novinky, prvý príspevok do fóra atď.

    - značky rámujúce bočný panel. Bočný panel je takzvaný „bočný panel“, ktorý zvyčajne obsahuje bloky nadpisov (kategórie), oblaky štítkov (značky), zoznam najnovšie záznamy a tak ďalej. Značky môžete použiť aj na počítadlá rámcov, miniaplikácie (napríklad komentáre z VKontakte) a sociálne tlačidlá.

    - rámovacie značky spodná časť stránka, takzvaná „päta stránky“, ktorá môže obsahovať meno autora (spoločnosti), kontakty (adresy, telefónne čísla), právne informácie (autorské práva) atď. Značky päty možno použiť aj ako spodnú časť značky sekcie, t.j. samotné značky päty budú umiestnené medzi značkami sekcií

    - tagy orámujúce opakujúce sa časti stránky alebo hlavného obsahu, napríklad ak je na stránke niekoľko kapitol príbehu, potom môže byť každá kapitola umiestnená medzi tieto tagy. Alebo ak kliknete na odkaz v bočnom paneli (napríklad na odkaz nejakej kategórie), zobrazí sa stránka, na ktorej budú odkazy s popismi vedúcimi k článkom patriacim do tejto kategórie a odkazy s popismi je možné orámovať so značkami sekcií, ako aj produkty s popismi v internetovom obchode, komentáre k príspevkom, komentáre k téme na fórach atď.

    HTML5 na úrovni textu

    Pozrime sa na zoznam nových značiek HTML5 zodpovedných za sémantické rozdelenie textu stránky:

    - text nachádzajúci sa medzi týmito značkami sa stane „vybraným“. Jedným z účelov značiek je orámovať slová v texte, ktoré sa napríklad zhodujú so slovom zadaným používateľom do vyhľadávacieho riadku.

    - značky sú navrhnuté tak, aby vytvárali dátumy a/alebo časy vo formáte
    ISO vo forme: RRRR-MM-DDThh:mm:ss , tento formát je zrozumiteľný počítačové programy. Časové značky môžu orámovať dátum alebo text, ak značka orámuje text, pridá sa k nej atribút datetime, ktorého hodnotou je dátum a/alebo čas vo formáte ISO.

    - tagy sú určené na ukladanie informácií, ktoré sú buď skryté alebo zobrazené (fungujú ako spojler).

    - tagy orámujú nadpis, ak naň kliknete, objaví sa text (možno použiť ako spoiler), umiestnený medzi tagmi detailov.

    Ďalšie značky jazyka HTML5

    Zoznam nových značiek HTML5, ktoré obohacujú jazyk:

    - štítky sú určené na zobrazenie statického indikátora mierky, v ktorom sa výsledok merania nemení. Ak chcete pracovať, potrebujete minimálnu a maximálnu hodnotu.

    - tagy sú určené na zobrazenie indikátora dynamickej mierky (napríklad mierka sťahovania súboru), v ktorej sa výsledok merania mení v reálnom čase.

    - značka musí byť umiestnená medzi značkami ponuky, používa sa pri vytváraní skriptov v JavaScripte.

    - medzi tieto značky sa umiestni značka príkazu.

    - značky sú určené na zobrazenie činnosti skriptu.

    - značky sú určené na vytvorenie zoznamu, ktorý sa zobrazí po zadaní do textového poľa.

    - tagy orámujú popis objektu (napríklad obrázku), ktorý sa nachádza medzi tagmi obrázku..

    - značky zoskupujú rôzne objekty stránok s vlastnými popismi, napríklad obrázky s popismi, produkty s popismi atď.

    - značky sú navrhnuté tak, aby zoskupovali nadpisy h*

    - tag sa používa na generovanie párov verejných/súkromných kľúčov, šifrovanie/dešifrovanie údajov, vytváranie/overovanie digitálneho podpisu.

    - tagy orámujú text a anotáciu k nemu.

    - značky sú umiestnené medzi rubínovými značkami a sú určené na orámovanie anotácie.

    - značky sú určené pre prehliadače, ktoré nepodporujú rubínové značky.

    – značka informuje prehliadač, kam má slovo umiestniť („ mäkký prenos"), ak sa toto slovo nezmestí do okna prehliadača.

    HTML5 tagy popisujúce nové technológie

    HTML5 prináša možnosť používať mnohé technológie a rozhrania API, ktoré sú súčasťou jazyka HTML5 a nie sú pluginy tretích strán, tu sú niektoré z nich:

    - tagy sú určené na prehrávanie zvukových súborov bez použitia programy tretích strán(pluginy, rozšírenia).

    - tagy sú určené na prehrávanie video súborov, bez použitia programov tretích strán (pluginy, rozšírenia).

    - tag je určený na označenie cesty k audio/video súborom umiestneným vo vnútri audio a video tagov.

    - značky sú určené na vytvorenie špeciálnej oblasti na stránke, v ktorej môžete vytvárať vektorové tvary a manipulovať s nimi pomocou programovacieho jazyka JavaScript. Canvas by mal v budúcnosti nahradiť technológiu Flash (áno, teoreticky...).

    Tag

    Značka je špeciálny prvok, ktorý je určený na kreslenie a manipuláciu s vektorovými tvarmi. Značka bola vytvorená s cieľom nahradiť technológiu Flash. Pomocou značky môžete kresliť vektorové tvary (obrázky) a pomocou JavaScriptu s týmito tvarmi manipulovať, čím vytvoríte na stránke animácie (karikatúry a dokonca aj hry).

    Audio Video

    Pomocou značky môžete vložiť zvukové súbory na stránku a počúvať ich. Element

    Pomocou značky môžete na stránku vložiť video súbory a prezerať si ich. Prvok tiež vytvára panel s tlačidlami prehrávania.

    JavaScript API

    Špecifikácia HTML5 popisuje, ako by mala interagovať jazyk JavaScript, s prvkami stránky prostredníctvom technológie DOM. Aj v HTML5 sú nové metódy na manipuláciu s objektmi, napríklad pomocou JavaScriptu a týmito metódami môžete programovo ovládať tlačidlá na ovládacom paneli zvuku/videa.

    Podpora technológie XML

    V dokumente HTML napísanom pomocou jazyka HTML5 je teraz možné implementovať technológie spojené s rôznymi formátmi XML, ako sú SVG alebo MathML.

    SVG

    SVG - Škálovateľná vektorová grafika vektorová grafika) je formát XML. Odkedy HTML5 začalo podporovať formáty XML, teraz je možné vkladať obrázky vytvorené pomocou SVG do HTML dokumentu a manipulovať s nimi pomocou JavaScriptu.

    Príklad kódu pre vzor zeleného kruhu:

    výsledok:

    MathML

    MathML - Mathematical Markup Language (matematický značkovací jazyk) Formát XML. Používaním tohto formátu Môžete opísať rôzne matematické vzorce.

    Ktoré značky v HTML5 sú zastarané?

    Staršie značky v špecifikácii HTML5 sú:

    a namiesto toho by ste mali použiť značku embed
    namiesto toho by sa mala použiť značka abbr
    by sa mal použiť namiesto toho audio tag
    namiesto toho by sa mala použiť značka ul
    ..malo by sa použiť namiesto toho značka iframe
    namiesto toho by ste mali použiť veľa značiek formulára a vstupu
    a namiesto toho by sa mali použiť značky pred alebo kód


    Namiesto toho by sa mala použiť predznačka
    namiesto toho by sa mala použiť značka s

    Namiesto formátovania značiek: , , , , , , , , a , mali by ste použiť vlastnosti CSS.

    Neodporúča sa používať zastarané značky pri vytváraní webových stránok v HTML5, to však neznamená, že ich prehliadače už nepodporujú, napríklad práca neodporúčaného tagu podčiarknutia

    Nové globálne atribúty v HTML5

    Globálne atribúty sú atribúty, ktoré možno vložiť do akejkoľvek značky dokumentu HTML. V HTML5 sa objavili nové globálne atribúty, v popisoch nižšie sú zvýraznené slovom Nové

    Pozrime sa na názvy a popisy globálnych atribútov HTML5:

    accesskey=" " - umožňuje použiť ľubovoľný prvok (tag) stránky stlačením predprogramovaného kombinácia klávesov,
    class=" " - umožňuje nastaviť názov triedy,
    contenteditable=" " - umožňuje upravovať obsah položka Nové,
    contextmenu=" " - umožňuje vytvoriť kontextové menu pre nový prvok,
    dir=" " - umožňuje spravovať smer textu,
    draggable=" " - umožňuje používateľovi pretiahnuť prvok Nový,
    dropzone=" " - umožňuje určiť, čo sa má urobiť s prvkom pri pretiahnutí New,
    hiden=" " - umožňuje skryť nový prvok,
    id=" " - umožňuje nastaviť jedinečný identifikátor pre prvok,
    lang=" " - umožňuje zadať kód jazyka v obsahu prvku,
    spellcheck=" " - umožňuje určiť, či sa kontroluje pravopis v obsahu prvku New,
    style=" " - umožňuje vytvoriť štýl pre prvok,
    tabindex=" " - umožňuje vytvoriť pravidlo, ktoré určuje, v akom poradí sa majú prvky zamerať, keď stlačíte kláves Tab,
    title=" " - umožňuje vytvoriť popis, ktorý sa zobrazí, keď umiestnite kurzor myši na prvok.

    Keďže v špecifikácii HTML5 sa značky zmenili na plnohodnotné objekty, koncept globálneho atribútu bol už v týchto objektoch vlastný, a to aj pre tie značky, ktoré ešte nie sú popísané v špecifikácii.

    Inovácie v štruktúre kódu dokumentu HTML5

    Štruktúra kódu v HTML5 prešla niekoľkými zmenami, tu sú niektoré z nich:

    1. Na rozdiel od predchádzajúce verzie jazyk, v HTML5 je len jeden doctype:
    Môžete to vidieť napríklad v zdrojovom kóde stránok tohto webu (nezabudnite, že pred doctype by nemalo byť nič, žiadne medzery, žiadne konce riadkov atď.).

    2. Na označenie jazyka dokumentu teraz namiesto metaznačky:
    v značke musíte použiť atribút lang="ru":

    3. Na označenie kódovania dokumentu teraz namiesto metaznačky:

    musíte použiť metaznačku bez atribútov http-equiv a content

    4. Pri vytváraní skriptu JavaScript, teraz v značke, nie je potrebné implementovať atribúty type="text/javascript" a language="JavaScript".

    5. Pri realizácii CSS štýly, teraz nie je potrebné implementovať atribút type="text/css" do značiek and.

    6. Odkaz je vložená značka, takže v ranom HTML špecifikácie a XHTML sa im neodporúča rámovať značky blokov; teraz v špecifikácii HTML5 bolo toto odporúčanie pre odkazy odstránené a teraz môžu rámovať jeden alebo viac prvkov bloku.

    Smerovanie

    Odsek

    Teraz s HTML5 môžete urobiť toto:

    Smerovanie

    Na základe materiálov zo stránky http://html-5.ru/, http://html-5.ru/uchebnik-html5

  • Príkazové značky pre roboty vyhľadávačov, sémantické načítanie stránok
    • Dodatky do HTML W3C z rokov 2015-2017
    • Odporúčania W3C 24. decembra 1999

    Weboví vývojári často ani nevedia, že existujú určité štandardy kódovania HTML. V rokoch 2000 až 2010 však veľa webových vývojárov prešlo z HTML na XHTML. XHTML zároveň prinútilo vývojárov písať platný a „dobre vytvorený“ kód. HTML5, pokiaľ ide o overenie kódu, umožňuje určitú nedbalosť.

    Konzistentnosť štýlu však ostatným uľahčí pochopenie vášho HTML kódu.

    Možno raz programy ako programy na čítanie XML dáta, budete si musieť prečítať svoj HTML kód. Použitie dobre vytvorenej syntaxe podobnej XHTML je teda rozumným prístupom.

    Vždy sa uistite, že váš kód je úhľadný, čistý a dobre sformovaný.

    Použite správny typ dokumentu

    Typ dokumentu vždy deklarujte na prvom riadku:

    Ak chcete zachovať konzistenciu so značkami s malými písmenami, môžete použiť nasledujúcu definíciu typu dokumentu:

    Názvy prvkov píšte malými písmenami

    HTML5 umožňuje v názvoch prvkov veľké aj malé písmená. Je však lepšie používať vždy len malé písmená. Vysvetľujú to nasledujúce úvahy:

    • Miešanie veľkých a malých písmen v názvoch značiek sa považuje za zlý postup

    Toto je odsek textu.

    Veľmi zle:

    Toto je odsek textu.

    Toto je odsek textu.

    Zatvorte všetky prvky HTML

    V HTML5 nie je potrebné zatvoriť všetky prvky (napríklad prvok

    Toto je odsek textu.

    Toto je odsek textu.

    Toto je odsek textu.

    Toto je odsek textu.

    Zatvorte prázdne prvky HTML

    V HTML5 závisí, či sa prázdne prvky zatvoria alebo nie, od želania webového vývojára.

    Prijateľné:

    Tiež prijateľné:

    V XHTML a XML je však POVINNÁ koncová lomka (/).

    Ak sa očakáva, že na vašu webovú stránku budú pristupovať aplikácie XML, potom pole prázdne HTML prvky Je lepšie použiť uzatváraciu lomku!

    Pre názvy atribútov používajte malé písmená

    V HTML5 môžete pri písaní názvov atribútov kombinovať veľké a malé písmená.

    • Miešanie veľkých a malých písmen v názvoch atribútov sa považuje za zlý postup
    • Vývojári zvyčajne používajú malé písmená (ako v XHTML)
    • Písanie malými písmenami vyzerá čistejšie
    • Ľahšie sa píše malými písmenami

    Hodnoty atribútov uzavrite do úvodzoviek

    HTML5 umožňuje písať hodnoty atribútov bez úvodzoviek. Odporúčame však vždy uzatvárať hodnoty atribútov do úvodzoviek, pretože

    • Miešanie veľkých a malých písmen vo významoch sa považuje za zlý postup
    • Citované hodnoty sú ľahšie čitateľné
    • Ak sú v hodnotách medzery, MUSÍTE citovať

    Veľmi zle:

    Toto nebude fungovať, pretože v hodnote sú medzery

    Atribúty obrázka

    Pri definovaní obrázkov vždy používajte atribút „alt“. Tento atribút je dôležitý, keď sa obrázok z nejakého dôvodu nezobrazuje.

    Tiež vždy definujte šírku a výšku obrázka. Zníži sa tým rozpad rozloženia stránky, pretože prehliadač si počas načítavania stránky vyhradí priestor pre obrázok.

    Medzery a rovná sa

    HTML5 povoľuje medzery okolo znamienka rovnosti. Ak však nie sú žiadne medzery, kód je čitateľnejší a lepšie zoskupuje entity.

    Vyhnite sa dlhým riadkom kódu

    O pomocou HTML editor, je nepohodlné čítať HTML kód, ak musíte posúvať okno doľava alebo doprava.

    Mali by ste sa snažiť, aby riadok kódu nebol dlhší ako 80 znakov.

    Prázdne riadky a odsadenie

    Nemali by ste pridávať prázdne riadky bez dobrého dôvodu.

    Pre najlepšiu čitateľnosť by sa prázdne riadky mali pridávať iba do samostatných veľkých, logicky konzistentných blokov kódu.

    Pre lepšiu čitateľnosť pridajte dve medzery na odsadenie. Na to nepoužívajte karty.

    Vyhnite sa zbytočnému bielemu priestoru a odsadeniu. Nie je potrebné odsadzovať každý prvok.

    Nie je potrebné:

    Slávne mestá Tokio

    Tokio je hlavné mesto Japonska, centrum oblasti Veľkého Tokia a najľudnatejšia metropolitná oblasť na svete. Je sídlom japonskej vlády a cisárskeho paláca a domovom japonskej cisárskej rodiny.

    Slávne mestá Tokio

    Tokio je hlavné mesto Japonska, centrum oblasti Veľkého Tokia a najľudnatejšia metropolitná oblasť na svete. Je sídlom japonskej vlády a cisárskeho paláca a domovom japonskej cisárskej rodiny.

    Názov Popis
    A Popis A
    B Popis B

  • Londýn
  • Paríž
  • Tokio

    • Preskočiť alebo nie a?

    Podľa štandardu HTML5 sa značka a značka nesmú používať.

    Nasledujúci kód sa považuje za platný podľa štandardu HTML5:

    Názov stránky Toto je názov textu

    Toto je odsek textu.

    Prvok je koreň dokumentu. Toto je odporúčané miesto na definovanie jazyka stránky:

    Deklarácia jazyka stránky je dôležitá tak pre špecializované aplikácie (ako sú čítačky obrazovky), ako aj pre vyhľadávače.

    Okrem toho, ak nenapíšete značku alebo značku, môže to narušiť štruktúru DOM a XML aplikácie. A preskočenie značky môže tiež viesť k chybám v starších prehliadačoch (IE9).

    Mám preskočiť značku?

    Podľa štandardu HTML5 sa značka nesmie použiť.

    V predvolenom nastavení prehliadače pridajú všetky prvky pred otváraciu značku vo vnútri prvku, ktorý vytvárajú.

    Zložitosť štruktúry HTML môžete znížiť vynechaním značky:

    Názov stránky Názov textu

    Toto je textový odsek.

    Metadáta

    Prvok je povinný v HTML5. Názov stránky by mal mať význam:

    Zabezpečiť správnu interpretáciu a správne indexovanie stránky vyhľadávače, definícia jazyka a kódovania znakov musí byť deklarovaná čo najskôr:

    Štandardy syntaxe a kódovania HTML5

    Inštalácia výrezu (okno na zobrazenie)

    „Zobrazená oblasť“ je používateľsky viditeľná oblasť webovej stránky. Táto oblasť sa v jednotlivých zariadeniach líši mobilné telefóny bude menšia ako na obrazovke počítača.

    HTML5 zaviedlo metódu, ktorá umožňuje webovým dizajnérom ovládať zobrazovanú oblasť pomocou .

    Na všetkých webových stránkach by ste mali vždy používať ovládací prvok výrezu v nasledujúcom tvare:

    Tento ovládací prvok výrezu poskytuje prehliadaču pokyny, ako ovládať veľkosť a mierku stránky.

    Časť width=device-width nastavuje šírku stránky tak, aby zodpovedala šírke obrazovky aktuálneho zariadenia (ktorá sa bude líšiť v závislosti od zariadenia, ktoré používate).

    Počiatočná mierka = 1,0 sady častí Prvá úroveň sa zvýši pri prvom načítaní stránky prehliadačom.

    Nižšie môžete vidieť príklad webovej stránky na obrazovke smartfónu s nainštalovanou metaznačkou viewport a bez nej:

    Stránka s metaznačkou zobrazovanej oblasti

    HTML komentáre

    Na jeden riadok by mal byť napísaný krátky komentár: