První prvky v dokumentu HTML
Každý dokument HTML na webu je tvořen různými prvky. Mnohé z prvků jsou poměrně běžné a nacházejí se téměř na všech, jako jsou odstavce, nadpisy, obrázky a odkazy. Běžné jsou tyto prvky, ale jsou volitelné. Nemusíte je technicky potřebovat na webové stránce - ačkoliv každá stránka, která tyto prvky chybí, bude pravděpodobně spíše drobná!
Kromě těchto volitelných prvků HTML existují další stránky, které skutečně vyžadují stránku. Většina těchto prvků se nachází v oblasti
stránky HTML. Tyto prvky jsou ty, které se nezobrazují na webových stránkách (z větší části). Elementy jsou skryty od lidských návštěvníků vašeho webu, jsou však stále velmi užitečné, protože poskytují informace o webových prohlížečích a vyhledávačích o této stránce.Technicky existuje pouze jedna značka, která musí být v horní části všech dokumentů HTML: element . Tento štítek začne a ukončí vaši webovou stránku a umožní prohlížeču vědět, že všechno mezi těmito dvěma značkami je obsah HTML. Jediná věc, kterou často vidíte před otevírací značkou, jsou stránky doctype. To by bylo napsáno takto:
Po značce je výše uvedený
pár tagů. Uvnitř této dvojice značek je místo, kde přidáte řadu dalších důležitých prvků, včetně značekPrvek TITLE
Měli byste vždy zahrnout
- Vyhledávací stroje používají titul TITLE jako primární prostředek pro katalogizaci stránek. Pokud vaše webové stránky neobsahují popisný název, vyhledávače jí dávají nižší hodnocení než ostatní stránky. Toto je také to, co se zobrazuje jako text odkazu na stránce výsledků vyhledávače (také známý jako SERP).
- Zobrazuje se v horní části okna prohlížeče nebo na kartě popisující stránku v prohlížeči.
- To je to, co je napsáno, když někdo záložky vaše stránky. Pokud lidé záložku vaše stránky, chcete, aby si pamatovali, že to byl váš web a ne "Untitled Document", což je výchozí název stránky používaný v mnoha platformách softwaru pro vývoj webových aplikací.
Vzhledem k tomu, že značka
Meta informace nebo Meta data
Meta informace jsou data obsažená v dokumentu
dokumentu HTML, který poskytuje další informace o vaší webové stránce do webového prohlížeče a dalších zařízení. Můžete zahrnout informace, jako je jméno autora, program, který byl použit k vytvoření stránky, datum vypršení platnosti stránky a možná i nejdůležitější popisy a klíčová slova, která jsou relevantní pro samotnou stránku.Nejdůležitější značka META, kterou byste měli zahrnout do svých webových dokumentů, je ve skutečnosti znaková sada nebo charset. To je důležité pro zabezpečení vašich webových stránek .
Sada znaků by měla být vždy první řádek ve vašem HEADu, aby se hackeři nemohli proniknout. V kontextu s ostatními značkami, které jsme pokryli, by to vypadalo takto:
head>
html>
Další informace o značkách Meta
Meta značky jsou velmi důležité pro získání dobrého pořadí ve vyhledávačích, ale pokud máte jen čas psát buď dobrý popisný titul nebo meta tagy, napište název . Název vašeho dokumentu bude pokračovat pro umístění vyhledávače než meta tagy.
- Magie s metainami - použijte metaznačky pro lepší umístění vyhledávače
- Více tagů Meta - přesahujte klíčová slova a popisy, abyste získali maximum z vašich metadat
- Meta Tag Links - další odkazy pro nápovědu meta tagů
Další prvky
Kromě prvků, které jsme již zahrnovali, další důležité informace, které naleznete v
stránky, jsou odkazy na Javascript CSS souborů webu, buď jako odkazy na soubory JS, nebo jako inline Javascript kód.Původní článek Jennifer Krynin. Upraveno Jeremy Girardem dne 21.7.17