90 likes | 218 Views
Metadáta dokumentu. Telematické služby Ing. Marián Pecko, PhD. HTML <head> tag. predstavuje súbor metadát pre dokument musí obsahovať názov dokumentu a môže obsahovať skritpy, štýly, meta informácie, ai. obsahuje prvky – title, base, link, meta, style atribúty globálne. HTML <title> tag.
E N D
Metadáta dokumentu Telematické služby Ing. Marián Pecko, PhD.
HTML <head> tag • predstavuje súbor metadát pre dokument • musí obsahovať názov dokumentu a môže obsahovať skritpy, štýly, meta informácie, ai. • obsahuje prvky – title, base, link, meta, style • atribúty • globálne @MP/TMS 2012
HTML <title> tag • je povinný vo všetkých HTML dokumentoch a musí byť zadaný iba raz • definuje názov dokumentu • definuje názov v hlavičke prehliadača • poskytuje názov pre stránku, keď je ukladaná do záložiek • zobrazuje názov pre stránku vo výsledkoch vyhľadávača • atribúty • globálne <title>HTML</title> @MP/TMS 2012
HTML <base> tag • udáva základné URL pre všetky relatívne URL v dokumente • môže byť zadefinovaný max. raz v dokumente • musí mať zadaný atribút href alebo target, alebo obidva • atribúty • globálne • href – základné URL • target – predvolený cieľ pre všetky hypertextové odkazy a formuláre (_blank, _parent, _self, _top, názov rámu) <base href="http://www.uniza.sk/images/" target="_blank"> @MP/TMS 2012
HTML <link> tag • definuje vzťah medzi dokumentom a externým zdrojom • väčšinou sa používa na prepojenie kaskádových štýlov • atribúty • globálne • href – URL adresa prepájaného dokumentu • rel – vzťah medzi aktuálnym dokumentom a prepájaným dokumentom (author, icon, stylesheet, ....) • media – definuje na akom zariadení sa bude zobrazovať prepájaný dokument (all, print, screen, ...) • hreflang – jazyk textu v prepájanom dokumente • type – MIME typ prepájaného dokumentu (napr. text/css) • sizes – veľkosť prepájaného zdroja (len pre rel=“icon”); hodnota výška X šírka <link rel="stylesheet" href="theme.css"> @MP/TMS 2012
HTML <meta> tag • metadáta sú dáta (informácie) o dátach • poskytuje metadáta o HTML dokumente • nezobrazujú sa na stránke • metadáta používajú prehliadače (ako zobraziť obsah alebo znovu načítať stránku), vyhľadávačmi (kľúčové slová), ap. • atribúty • name – názov metadát (application-name, author, description, generator, keywords) • http-equiv – HTTP hlavička informácie/hodnoty atribútu content (content-type, default-style, refresh) • charset – charakter kódovania HTML dokumentu (odporúča sa UTF-8) • content – hodnota spojené s atribútmi http-equivalenoname <meta charset="UTF-8"> @MP/TMS 2012
Štandardné metadáta názvy • pri použití atribútu name • application-name – názov webovej aplikácie, ktorú stránka reprezentuje • author – meno jedného z autorov stránky • description – popis stránky • generator – jeden zo softvérových balíkov použitých na generovanie dokumentu • keywords – súbor čiarkou oddelených znakov, z ktorých každý je kľúčové slovo súvisiace so stránkou <metaname="description" content="Free Web tutoriál"> <metaname="keywords" content="HTML,CSS,XML,JavaScript"> <metaname="author" content="MariánPecko"> @MP/TMS 2012
Pragmatické smernice • pri použití atribútu http-equiv • content-type– iná forma nastavenia atribútu charset • default-style – definuje preferovaný kaskádový štýl (hodnota je id prvku link) • refresh–pôsobí ako časované presmerovanie. Atribút content obsahuje číslo, ktoré môže nasledovať bodkočiarkou, medzerou, slovom URL, znakom „=“ a URL adresou. Číslo predstavuje počet sekúnd kým bude stránka znovu načítaná, resp. presmerovaná na zadanú adresu. @MP/TMS 2012
HTML <style> tag • používa sa na definovanie informácie o štýle pre HTML dokument • obsah prvku definuje ako sa majú vykresľovať HTML prvky v prehliadači • atribúty • globálne • media – definuje, pre ktoré médiá/zariadenia je zdroj optimalizovaný; predvolené je all • type – MIME typ kaskádového štýlu; predvolené je text/css • scoped – bool atribút; definuje, že sa štýly aplikujú pre rodiča prvku a jeho potomkov <style> h1 {color:red;} p {color:blue;} </style> @MP/TMS 2012