HTML5 - Vytváření dokumentů a atributů

HTML5 - Vytváření dokumentů a atributů

Toto je nejméně zajímavá část, ale bezpochyby je to jedna z nejdůležitějších. Každý dokument HTML používá alespoň část těchto prvků a někdy i všechny, takže není na škodu, když víme, jak je vhodně použít pro vytváření dokumentů HTML5 správné a obecné.
Prvky typu dokumentu
Začněme prvky typu dokument. Toto jsou bloky, které formují náš dokument HTML a nastaví počáteční kontext pro prohlížeč.
Prvek doctype
Prvek doctype je ve své kategorii jedinečný. Je dobrým zvykem začít každý dokument HTML které vytváříme pomocí prvku typu doctype. Toto je prvek, který prohlížeči říká, že s ním bude jednat HTML.
Většina prohlížečů bude stále zobrazovat náš obsah správně, pokud vynecháme doctype, ale je špatnou praxí důvěřovat prohlížeči, že se chová tímto způsobem.
Správná syntaxe pro použití prvku typu doctype je další:
Prvek html
Tento prvek se většinou nazývá kořenový prvek a označuje začátek HTML v našem dokumentu.
Syntaxe je následující:


Obsah a prvky zde

Prvek hlavy
Prvek hlava Obsahuje všechna metadata dokumentu. v HTMLmetadata poskytují prohlížeči informace o obsahu a značkách v dokumentu, ale navíc můžeme zahrnout skripty a odkazy na externí zdroje, jako jsou šablony stylů CSS.
V dokumentu je syntaxe následující:



Ahoj


Tělesný prvek
Tento prvek zapouzdřuje obsah dokumentu HTML, je opakem prvku head, který zapouzdřuje metadata a informace o dokumentu. Prvek tělo vždy následuje po prvku head, což znamená, že jde o druhé dítě ve struktuře kořenového html prvku.
Podívejme se na jeho syntaxi:

Příklad

Mám rád jablka a pomeranče.

Prvky metadat typu
Prvky typu metadat nám umožňují poskytnout informace o dokumentu HTML. Samy o sobě nejsou spokojené, ale poskytují informace o obsahu, který je bude následovat. Do elementu head se přidají prvky metadat typu.
Nastavení názvu našeho dokumentu
Prvek titul nastavit název nebo název našeho dokumentu. Prohlížeče obvykle zobrazují obsah tohoto prvku v horní části okna nebo karty.
Podívejme se, jak ji přidáme do naší struktury:

Příklad

Mám rád jablka a pomeranče.

Nastavení základu pro relativní adresy URL
Základní prvek opravuje a Url základ, ve kterém jaké relativní odkazy, obsažené v dokumentu HTML bude vyřešeno. Relativní odkaz je ten, který vynechává protokol, hostitele a port adresy URL a je vyhodnocen na základě jiné adresy URL. Základní prvek také určuje, jak se odkazy otevírají, když na ně uživatel klikne, a jak se prohlížeč chová po zadání formuláře.
Když jsme viděli základní prvky dokumentu, můžeme dokončit pouze zbývající prvky, které fungují pro metadata, a tak vytvořit dokument HTML správné a které může být interpretováno jakýmkoli prohlížečem nejlepším způsobem.
Atributy

• dir

Atribut dir určuje směr textu obsaženého v prvku. Podporované hodnoty pro něj jsou:

• ltr (text zleva doprava)
• rtl (text zprava doleva)

Podívejme se na jednoduchý příklad jeho aplikace:

Příklad

dir = "rtl"> Toto je zprava doleva

dir = "ltr">Toto je zleva doprava

• kontextová nabídka

Tento atribut nám umožňuje definovat kontext prvků pro nabídky. Ty se objeví na obrazovce, když je uživatel takříkajíc vypálí, například když klikneme pravým tlačítkem na prvek.

• přetahovatelný

Atribut přetahovatelný je součástí podpory HTML5 pro přetáhněte a slouží k označení, kdy lze prvek přetáhnout.

• místo dopadu

Atribut místo dopadu je součástí podpory HTML5 pro přetáhněte y je protějšek přetažitelného atributu, který byl vysvětlen výše.

• skrytý

Atribut skrytý Jedná se o booleovský atribut, který naznačuje, že prvek není relevantní, proto nebude v dokumentu vizuálně přítomen. Prohlížeče interpretují tento atribut způsobem, který skryje položku z pohledu uživatele. Podívejme se na příklad:

Příklad
Přepnout



skrytý>

Jam	Město
Adam Freeman	Londýn
Joe Smith	New York
Anne jones	Paříž

V tomto příkladu definujeme tabulku, která obsahuje prvek tr, který představuje řádek, ve kterém je skrytý atribut. Navíc definujeme tlačítko, které po stisknutí vyvolá funkci Javascript toggleHidden který odstraní skrytý atribut.

• jít

Jedním z nejznámějších atributů je jít, což vám umožňuje přiřadit k prvku jedinečný identifikátor. Tyto identifikátory se běžně používají ke stylování prvku nebo výběru prvku pomocí Javascriptu. Podívejme se na příklad toho, jak používáme atribut id ke stylování prvku.

Příklad

id = "w3clink"href =" http://w3c.org "> Web W3C

• Kontrola pravopisu

Atribut Kontrola pravopisu slouží k určení, zda má prohlížeč zkontrolovat syntaxi nějakého obsahu. Použití tohoto atributu má smysl pouze tehdy, když je aplikováno na prvek, který může uživatel upravit.
Podívejme se na příklad:

Příklad
spellcheck = "true"> Toto je nějaký špatně napsaný text

• styl

Atribut styl umožňuje nám definovat styl CSS přímo v prvku, vidíme:

Příklad
style = "background: grey; color: white; padding: 10px">
Navštivte stránky Apress

• tabindex

Tento atribut nám umožňuje řídit pořadí ohnisek prvků, když k nim přistupujeme pomocí tabulkového klíče.
Příklad
Jam: tabindex = "1"/>

Město: tabindex = "- 1"/>

Země: tabindex = "2"/>

tabindex = "3"/>

Dokázali jsme se dozvědět vše o atributech a o tom, jak je lze použít na prvky v našem dokumentu HTML. To za účelem rozšíření jeho funkcí způsobem, který se přizpůsobuje potřebám našich webových stránek.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod