DomovPoužíváníPravidla html obecná pravidla štíty g2. Pravidla jazyka HTML. Používejte zkrácené vlastnosti a hodnoty
Pravidla html obecná pravidla štíty g2. Pravidla jazyka HTML. Používejte zkrácené vlastnosti a hodnoty
Zveřejnění: Vaše podpora pomáhá udržovat web v chodu! Za některé služby, které na této stránce doporučujeme, získáváme poplatek za doporučení. dozvědět se více
Sdílení je starostlivé!
Atribut toho, co dělá
dělat? Slouží k určení zobrazení vnitřních hranic mezi řádky a sloupci. Tento atribut již není podporován. Ke stylování okrajů tabulek místo toho použijte CSS.
Atribut pravidel byl zastaralý Tento atribut byl zastaralý a neměl by být používán. Podpora prohlížeče pro tento atribut je omezená a jeho použití může způsobit neočekávané výsledky. Místo toho použijte ke stylování tabulek CSS.
Atribut RULES
RULES , atribut HTML 4.0, označuje, zda by v tabulce měly být vnitřní hranice. Projdeme si každou z hodnot RULES a ukážeme, jak se používají. RULES a FRAME mají nepříjemný způsob, jak si navzájem měnit výchozí hodnoty. Chcete-li si zjednodušit život, zde je základní pravidlo: pokud používáte PRAVIDLA, použijte také FRAME a BORDER. Je snazší se vyhnout zmatení.
Hodnota NONE pro atribut RULES
RULES=NONE znamená, že neexistují žádné vnitřní hranice. RULES=NONE je výchozí, pokud nepoužijete BORDER nebo jej nenastavíte na nulu, ale jinak musí být výslovně uvedeno, že nemá žádné vnitřní okraje. Všimněte si, že aktuálně Netscape ne rozpoznat PRAVIDLA.
název
jídlo
Hvězdník
míchané tofu
Miko
zeleninová rýžová polévka
Andy
humus
Ping
francouzský toast
Hodnota ALL pro atribut RULES
RULES=ALL znamená, že by měly být viditelné všechny vnitřní hranice. RULES=ALL se obvykle používá ve spojení s FRAME=VOID, takže existují vnější okraje, ale žádné vnitřní.
Při použití na tabulku nám tato hodnota poskytne tento výsledek:
název
jídlo
Hvězdník
míchané tofu
Miko
zeleninová rýžová polévka
Andy
humus
Ping
francouzský toast
Hodnota COLS pro atribut RULES
COLS označuje, že by měly být hranice mezi sloupci, ale ne mezi řádky.
Při použití na tabulku nám tato hodnota poskytne tento výsledek:
název
jídlo
Hvězdník
míchané tofu
Miko
zeleninová rýžová polévka
Andy
humus
Ping
francouzský toast
Hodnota ROWS pro atribut RULES
RULES=ROWS označuje, že by měly být hranice mezi řádky, ale ne mezi sloupci.
Při použití na tabulku nám tato hodnota poskytne tento výsledek:
název
jídlo
Hvězdník
míchané tofu
Miko
zeleninová rýžová polévka
Andy
humus
Ping
francouzský toast
Hodnota GROUPS pro atribut RULES
RULES=GROUPS umožňuje umístit hranice mezi skupiny buněk tabulky. Buňky lze seskupit dvěma způsoby: podle řádku a podle sloupce. Pojďme si projít každý z nich Všimněte si, že Netscape v současné době nerozpoznává PRAVIDLA .
Seskupení podle řádku
Chcete-li seskupit podle řádku, použijte ,
, značky. označuje řádky záhlaví tabulky, označuje hlavní část tabulky a označuje spodní řádky. Tento kód tedy například vytvoří tabulku se třemi skupinami. Hranice se zobrazují pouze mezi skupinami:
název
jídlo
cena
Hvězdník
míchané tofu
5.95
Miko
zeleninová rýžová polévka
4.95
Andy
humus
3.95
Ping
francouzský toast
5.95
Celkový
20.80
Tabulka se vykresluje takto:
název
jídlo
cena
Hvězdník
míchané tofu
5.95
Miko
zeleninová rýžová polévka
4.95
Andy
humus
3.95
Ping
francouzský toast
5.95
Celkový
20.80
Seskupení podle sloupce
Chcete-li seskupit podle sloupce, použijte
tag a jeho atribut SPAN.
trvá to si trochu zvyknout, protože ve skutečnosti neobchází žádné buňky tabulky. Jde na začátek kódu tabulky, kde nastavuje pravidla pro sloupce tabulky včetně těch, které jsou seskupeny.
to ukazuje, kolik sloupců je v každé skupině. Pokud vynecháte SPAN, předpokládá se, že skupina má pouze jeden sloupec. Takže například následující kód říká, že první sloupec je ve skupině sám o sobě a tři následující jsou společně ve skupině. Všimněte si toho
vyžaduje koncovou značku. Hranice půjdou pouze mezi skupinami.
Základy HTML obsahují základní pravidla jazyka HTML, popis struktury HTML stránky, vztahy ve struktuře HTML dokumentu mezi HTML prvky.
HTML dokument je normální Textový dokument, lze vytvořit jako obvykle textový editor(notebook) a ve specializovaném se zvýrazněním kódu (Poznámkový blok++, vizuální studio kód, atd.). HTML dokument má příponu .html.
HTML dokument se skládá ze stromu HTML prvků a textu. Každý prvek je ve zdrojovém dokumentu identifikován počátečním (otvíracím) a koncovým (zavíracím) tagem (až na vzácné výjimky).
Startovací značka ukazuje, kde prvek začíná, končí - kde končí. Uzavírací štítek vytvořené přidáním lomítka / před název značky:<имя тега> … имя тега>. Mezi počáteční a koncovou značkou je obsah značky – content.
Jednotlivé značky nemohou ukládat obsah přímo, zapisuje se jako hodnota atributu, například značka vytvoří tlačítko s textem Knoflík uvnitř.
Značky mohou být vnořeny do sebe, např.
Text
. Při investování musíte dodržovat pořadí jejich uzavření (princip "matrjošky"), například následující záznam by byl nesprávný:
Text
.
Prvky HTML mohou mít atributy (globální, aplikované na všechny prvky HTML a vlastní). Atributy se zapisují do úvodní značky prvku a obsahují název a hodnotu zadanou ve formátu atributu name="value" . Atributy umožňují měnit vlastnosti a chování prvku, pro který jsou nastaveny.
Každý prvek může mít více hodnot třídy a pouze jednu hodnotu id. Více hodnot třídy je zapsáno s mezerou,
. Hodnoty class a id musí obsahovat pouze písmena, čísla, pomlčky a podtržítka a musí začínat pouze písmeny nebo čísly.
Prohlížeč zobrazí (interpretuje) dokument HTML, vytvoří jeho strukturu (DOM) a zobrazí jej v souladu s pokyny obsaženými v tomto souboru (styky, skripty). Pokud je označení správné, zobrazí se v okně prohlížeče stránka HTML obsahující prvky HTML – nadpisy, tabulky, obrázky atd.
Interpretační proces (analýza) spustí se před úplným načtením webové stránky do prohlížeče. Prohlížeče zpracovávají HTML dokumenty sekvenčně od samého začátku, přičemž zpracovávají CSS a související styly s prvky stránky.
HTML dokument se skládá ze dvou částí – nadpisu – mezi tagy
… a obsah – mezi tagy … .
Struktura webové stránky
1. Struktura HTML dokumentu
Jazyk HTML se řídí pravidly obsaženými v souboru deklarace typu dokumentu. (Definice typu dokumentu nebo DTD). DTD je dokument XML, který definuje, které značky, atributy a jejich hodnoty jsou platné pro konkrétního typ HTML. Každá verze HTML má svůj vlastní DTD.
DOCTYPE zodpovědný za správné zobrazení webové stránky prohlížečem. DOCTYPE definuje nejen HTML verze(např. html), ale také odpovídající soubor DTD na webu.
...
Prvky v rámci značky , tvoří strom dokumentů, tzv objektový model dokumentu, DOM (objektový model dokumentu). Zároveň živel je kořenový prvek.
Pro pochopení interakce prvků webové stránky je nutné zvážit tzv "rodinné vztahy" mezi prvky. Vztahy mezi více vnořenými prvky jsou kategorizovány jako nadřazené, podřízené a sourozenecké.
Předek Prvek, který obsahuje další prvky. Na obrázku 1 je předek pro všechny prvky . Zároveň živel
je předkem všech značek, které obsahuje:
,
, ,
Potomek- prvek umístěný uvnitř jednoho nebo více typů prvků. Například,
je potomek a prvek
Je dítětem obou
a .
nadřazený prvek- prvek spojený s jinými prvky nižší úrovně a umístěný na stromě nad nimi. Obrázek 1
a . Štítek
Je rodič pouze pro .
podřízený prvek- prvek přímo podřízený jinému prvku vyšší úrovně. Na obrázku 1 pouze prvky
,
,
A
sesterský prvek- prvek, který má s uvažovaným prvkem společný nadřazený prvek, tzv. prvky stejné úrovně. Obrázek 1
a - prvky stejné úrovně, stejně jako prvky
,
a
Jsou k sobě sesterské.
1.1. Živel
1.2. Živel
Kapitola
... obsahuje technické informace o stránce: název, popis, klíčová slova pro vyhledávače, kódování atd. Informace v něm zadané se nezobrazují v okně prohlížeče, ale obsahují údaje, které prohlížeči říkají, jak má stránku zpracovat.
1.2.1. Živel
Povinná značka sekce
je značka . Text umístěný uvnitř této značky se zobrazí v záhlaví webového prohlížeče. Délka nadpisu by neměla přesáhnout 60 znaků, aby se do názvu zcela vešel. Text nadpisu by měl obsahovat co nejúplnější popis obsahu webové stránky.
1.2.2. Živel
Volitelná značka sekce
je jeden tag . Pomocí něj můžete nastavit popis obsahu stránky a klíčová slova pro vyhledávače, autora HTML dokumentu a další vlastnosti metadat. Živel může obsahovat více prvků , protože v závislosti na použitých atributech nesou různé informace.
Popis obsahu stránky a klíčová slova lze zadat současně v několika jazycích, například v ruštině a angličtině:
S visačkou můžete zakázat nebo povolit indexování webové stránky vyhledávači:
Chcete-li stránku po určité době automaticky znovu načíst, musíte použít hodnotu obnovení:
Stránka se znovu načte za 30 sekund. Chcete-li přesměrovat návštěvníka na jinou stránku, musíte zadat adresu URL v parametru url:
Tabulka 2. Atributy značek
Atribut
znaková sada
Určuje kódování znaků pro aktuální dokument HTML:
obsah
Obsahuje libovolný text, který určuje hodnotu přidruženou k atributu http-equiv nebo name v závislosti na jejich hodnotě.
http-ekviv
Řídí akce prohlížeče na této webové stránce (ekvivalent HTTP hlaviček). Při zobrazení stránky se prohlížeč bude řídit pokyny uvedenými v atributu: default-style určuje preferovaný styl pro použití na stránce. Atribut content musí obsahovat id prvku , který odkazuje na šablonu stylů CSS nebo ID prvku
pomocí prvku . Prvek nevyžaduje uzavírací značku. Tento prvek definuje vztah mezi aktuální stránkou a ostatními dokumenty. Na stránce může být několik takových prvků. Záznam bude vypadat takto:
Tabulka 4. Atributy značek
Atribut
Popis, přijatá hodnota
crossorigin
Určuje, zda se má při načítání obrázku z webu použít CORS (technologie prohlížeče, která webové stránce umožňuje přístup ke zdrojům z jiné domény). anonymní - v požadavku mezi doménami prohlížeč automaticky přidá hlavičku Origin obsahující název domény, ze které byl požadavek vznesen. Pokud server neodpoví hlavičkou CORS Access-Control-Allow-Origin: * (nebo názvem domény místo hvězdičky), bude načítání obrázku zablokováno. use-credentials – pokud server neposkytne přihlašovací údaje pomocí Access-Control-Allow-Credentials: true , bude načítání obrazu zablokováno.
href
Hlavním atributem značky, hodnotou je cesta k souboru se styly.
hreflang
Určuje jazyk textu v propojeném dokumentu.
média
Určuje typ zařízení, na které má být použit odkazový prostředek.
noce
Náhodně generovaná řetězcová proměnná na straně serveru, která nastavuje pravidla pro použití vložených stylů k ochraně obsahu. Hodnota atributu je řetězec textu.
rel
Atribut definuje vztah mezi aktuálním dokumentem a odkazovaným dokumentem. alternativní - odkaz na stejný dokument, ale v jiném formátu (například stránky k tisku, překlad, zrcadlení, RSS nebo Atom feed),
.
archivy označuje, že propojený dokument je historicky zajímavý. Odkaz může odkazovat na sbírku záznamů, dokumentů a dalších materiálů. odkaz autora na stránku o autorovi dokumentu nebo na stránku s kontaktními údaji autora. záložka Odkaz na nejbližšího předka článku, kterým je odkaz, nebo na sekci článku nejblíže související s prvkem, pokud žádný předek neexistuje. externí se používá k označení, že odkazovaná stránka není součástí tohoto webu. first určuje odkaz na první dokument v posloupnosti dokumentů. odkaz nápovědy na dokument nápovědy. ikona určuje cestu k ikoně, která se má použít pro aktuální dokument. last určuje odkaz na poslední dokument v posloupnosti dokumentů. licence Odkaz na informace o autorských právech k dokumentu. next označuje, že tento dokument je součástí série a že odkaz ukazuje na další dokument v sérii.
nofollow označuje, že odkaz není schválen autorem stránky nebo že je odkaz komerční. noreferrer označuje, že hlavička požadavku klienta obsahující adresu URL zdroje požadavku by při sledování odkazu neměla být předána. pingback určuje adresu serveru pingback, který umožňuje blogu automaticky informovat weby, které na něj odkazují. prefetch určuje, že odkazovaný soubor by měl být předem uložen do mezipaměti. předchozí označuje, že tento dokument je součástí série a že odkaz ukazuje na předchozí dokument v sérii.
vyhledávání označuje, že odkazovaný dokument obsahuje vyhledávací rozhraní a související zdroje. postranní panel označuje, že propojený dokument se pokud možno zobrazí v dalším kontextu prohlížeče, a některé prohlížeče po kliknutí na hypertextový odkaz otevřou okno pro přidání odkazu na lištu záložek. šablona stylů je odkaz na externí soubor, který bude použit jako šablona stylů pro tento dokument. tag označuje, že tag, na který hypertextový odkaz vede, patří k tomuto dokumentu. nahoru označuje, že stránka je součástí hierarchické struktury a že hypertextový odkaz vede na zdroj vyšší úrovně ve struktuře.
velikosti
Určuje velikost ikon pro vizuální zobrazení. Atribut velikosti se používá pouze ve spojení s rel="icon" a může nabývat následujících hodnot: widths height - určuje seznam velikostí oddělených mezerami, každá velikost musí být ve formátu - widths height (velikost ikon je uvedena v pixelech), například:
; libovolná - ikonu lze změnit na libovolnou velikost.
titul
Určuje název odkazu nebo název sady alternativních šablon stylů. Hodnota atributu je text.
typ
Určuje typ MIME dokumentu, na který se odkazuje. V tomto případě má hodnotu "text/css" .