Značky názvu dokumentu. Požadované značky. Struktura HTML dokumentu

Tyto značky zahrnují prvky, které jsou umístěny v kontejneru . Všechny tyto značky se nezobrazují přímo v okně prohlížeče, s výjimkou značky

Popis webu určený pomocí značky a popisné hodnoty, obvykle vykreslené v vyhledávače nebo adresářů při zobrazování výsledků vyhledávání. Hodnota klíčových slov je také určena především ke zlepšení hodnocení webu ve vyhledávačích, uvádí klíčová slova, se kterými se webová stránka setkává (příklad 5.3).

Příklad 5.3. Použití klíčových slov

Klíčová slova mohou být uvedena oddělená mezerami nebo čárkami. Vyhledávače samy přinesou záznam do formy, kterou používají.

značky jsou důležité prvky zobrazení struktury HTML dokumentu. Aby je prohlížeč odlišil od prostého textu, jsou uzavřeny v lomených závorkách. Značka označuje začátek instrukce mapování. Pokud se tento pokyn vztahuje na celý dokument, pak tento tag nemá vlastní uzavírací dvojče. Ale většina značek má stále pár, který ukončuje první značku. Takže například každá webová stránka musí začínat značkou , a končí jeho uzavíracím dvojčetem . Všimněte si, že uzavírací značka se liší od úvodní značky pouze přítomností lomítka za první lomenou závorkou.

Některé značky mají také parametry, které zpřesňují pravidlo zobrazení obsahu. O něco později uvidíme, jak jsou tyto parametry aplikovány na příkladu, ale prozatím si všimneme pouze toho, že tyto parametry lze zadat pouze v úvodní značce.

Názvy tagů a jejich parametry lze psát v každém případě, a to jak velkými, tak malými písmeny. Analyzátory HTML zabudované do každého prohlížeče nevěnují pozornost případu znaků, které se používají k zápisu všech pomocných struktur dokumentů HTML.

Jako v každém počítačovém jazyce se přirozeně neobejdete bez komentářů, jejichž obsah prohlížeč nezpracovává a nezobrazuje. Slouží pouze pro pohodlí vývojáře, pro interní dokumentaci struktury dokumentu. Komentáře jsou uzavřeny mezi fragmenty<-- и-->. Zde je příklad vytváření komentářů: <--Это комментарий -->

Každá webová stránka je strukturálně rozdělena na dvě části: nadpis a tělo. Záhlaví obsahuje servisní informace o celé webové stránce a v těle webové stránky již popisujeme její obsah spolu s pravidly pro její zobrazení. V tomto případě je název webové stránky omezen na značky A a tělo dokumentu je označeno značkami A . Ale podle pravidel dobrého programovacího stylu se před nadpis umísťuje i identifikátor příslušného standardu HTML. Struktura jakékoli webové stránky tedy vypadá takto:

"http://www.w3.org/TR/html4/strict.dtd">


Název dokumentu


Tělo dokumentu

První značka se všemi svými parametry a je samotným identifikátorem, který prohlížeči říká, která verze HTML byla použita k vytvoření této webové stránky. Tato poněkud těžkopádná a nesrozumitelná konstrukce je ve skutečnosti cizímu jazyku více vysoká úroveň xml. Předpokládá se, že v budoucnu budou prohlížeče schopny pracovat současně s běžnými webovými stránkami napsanými v XML i HTML dokumentech. Proto se s očekáváním této velmi světlé budoucnosti používá tento identifikační štítek. Přesné datum této světlé budoucnosti, jako obvykle, není známo, takže velmi často je tento identifikátor bez následků zanedbáván. Ale obezřetnost, jak víte, je lepší než zpětný pohled, takže je nakonec lepší použít identifikátor.

Nyní se podíváme na název. Může obsahovat: značku, která zobrazuje název dané webové stránky, značku, styling webové stránky, značku pro spouštěný skript a takzvaná metadata. Stylování webových stránek bude popsáno v kapitole 2 a spouštění skriptů v kapitole 3. O metadatech si povíme trochu později, ale prozatím se naučíme používat název webové stránky.

Pravděpodobně jste si všimli, že při načítání webové stránky se v úplně horním řádku prohlížeče objevil krátký název načteného dokumentu. K vytvoření takové hlavičky použijte značku s odpovídajícím uzavíracím párem. Počáteční blok webové stránky s takovým označením nadpisu může vypadat takto:

Název webové stránky by neměl být nikdy opomíjen, protože je to úplně první věc, kterou návštěvník webu uvidí. Titulek se zobrazí před načtením obsahu poslední stránky. Proto by měl být pečlivě vybrán.

Zabývali jsme se první částí struktury webové stránky, nyní můžeme přejít k tělu HTML dokumentu, jeho hlavnímu tělu. Jak již víme, obsah webové stránky je umístěn mezi značkami A . V nejjednodušším případě to může být prostý text. Prohlížeč jej správně interpretuje a zobrazí. Zkusme to vidět na příkladu.

K vytvoření naší první webové stránky potřebujeme základní textový editor. Standardní Poznámkový blok docela vhodné. K tvoření nám bude stačit textový soubor, jehož obsah je uveden ve výpisu 1.1.

"http;//www.w3.org/TR/htral4/strict.dtd">





Hezký den všem, kteří navštívili mé skromné ​​stránky

Nezapomeňte, že při ukládání souboru byste se na to měli nastavit rozšíření htm nebo html. Pokud jej poté spustíte k provedení, jednoduše klikněte na jeho název Průzkumník Windows, pak prohlížeč nainstalovaný ve výchozím nastavení operační systém a HTML dokument se do něj již načte. Jak vypadá naše první webová stránka v prohlížeči internet Explorer vidět na Obr. 1.1.

Rýže. 1.1. Výsledek zobrazení souboru zobrazeného ve výpisu 1.1 v prohlížeči

Nutno ale podotknout, že tag může obsahovat Extra možnosti. O něco dříve jsme řekli, že parametry jsou zahrnuty do počáteční značky konstruktu. Nyní je čas podívat se, jak se to ve skutečnosti děje.

Nejčastěji je parametrem dvojice název-hodnota.

Zvažte jednoduchý příklad. Parametr bgcolor umožňuje nastavit barvu pozadí, na které se bude zobrazovat obsah webové stránky. Pokud například chceme použít zelené pozadí, musíme použít následující konstrukci:

Nutno podotknout, že všechny textové hodnoty parametry jsou obvykle uzavřeny v uvozovkách. O tom, jak se nastavují barvy, se dozvíme v následujících částech této kapitoly, ale nyní se vraťme k parametrům tagu. .

O parametru bgcolor, který umožňuje nastavit barvu pozadí webové stránky, již známe. Podívejme se na zbytek možností.

• Parametr Pozadí umožňuje použít jako pozadí libovolné grafický obrázek. Hodnota parametru je adresa tohoto obrázku, tedy jeho URL.
• Parametr text Určuje barvu písma použitou k zobrazení textového obsahu webové stránky.
• Parametr odkaz umožňuje nastavit barvu, jakou budou textové hypertextové odkazy vložené do obsahu webové stránky zobrazovat ve výřezu prohlížeče.
• Parametr vlink nastavuje barvu hypertextových odkazů, které uživatel již navštívil v aktuální relaci.
• Parametr odkaz Určuje, jaká barva bude použita k zobrazení uživatelem vybraných hypertextových odkazů.
• Parametr Jazyk označuje jazyk, ve kterém je napsán textový obsah webové stránky. Hodnota používá dvoupísmenné jazykové kódy uvedené v RFC 1766. Ve skutečnosti nepotřebujeme znát všechny tyto konvence. V drtivé většině případů použijeme ruštinu popř anglický jazyk. Jejich kódy jsou „gu“ a „en“.

Kromě výše uvedených parametrů, tag může mít dva identifikační parametry id A třída, ale v praxi se na tuto značku téměř nikdy neaplikují.

Jak vidíte, vše je jednoduché a nenáročné. Nyní je čas zjistit, co jsou metadata. Metadata lze s největší pravděpodobností definovat jako nezobrazitelné informace o dokumentu. Používá se k identifikaci dokumentu a určení režimu zobrazení webové stránky. Značka se používá k vložení metadat do webové stránky. . Nejčastěji to vypadá takto:

Nastavení vlastních proměnných je však nutné pouze v případě, že webové stránky zpracovává nějaká specializovaná internetová aplikace. Taková potřeba se ale objevuje poměrně zřídka. Ukazuje se, že tato metadata nemají žádný skutečný přínos? To je špatně.

Jak všichni víme, nestačí pouze umístit webovou stránku na World Wide Web. Ještě se musíme ujistit, že se dostane do seznamů vyhledávačů. Nyní nebudeme plně zvažovat postup registrace webu ve vyhledávačích, zejména proto, že každý takový stroj má svůj vlastní registrační postup. Nás zajímá něco jiného.

Kde získávají vyhledávače informace o obsahu webové stránky? Jen z metaproměnných. Nejčastěji používané metaproměnné jsou pojmenovaná klíčová slova a popis. Proměnná keywords obsahuje jako svou hodnotu seznam klíčových slov webové stránky. A proměnná description je určena k uložení stručné anotace webové stránky. Uveďme příklad použití takových metadat. Předpokládejme, že naše webová stránka je věnována složité a citlivé problematice správného krmení křečků. Jeho struktura by pak měla vypadat nějak takto:

"http://www.w3.org/TR/html4/strict.dtd">


Vše o krmení křečků

description" contferit="Webová stránka o krmení malých dětí
hlodavci, zejména křečci, doma">


Ach, ta malá, roztomilá zvířátka jsou křečci. ,

Přirozeně, s ohledem na to, že identifikace obsahu webových stránek pomocí vyhledávačů se provádí pomocí klíčových slov určených vývojářem, může být lákavé zahrnout slova, která neodrážejí podstatu dokumentu, ale jsou často požadována návštěvníky. do vyhledávačů. Měl bych poznamenat, že toto zaměření může selhat. Faktem je, že vyhledávače často skenují text samotné webové stránky, a pokud se v ní nenajde nějaké klíčové slovo, pak se na něj prostě nebere ohled.

Měli byste také věnovat pozornost skutečnosti, že při zadávání klíčových slov jsme přidali do značky volitelný parametr lang. Již jsme si řekli, že tento parametr má označovat jazyk, ve kterém je ten či onen text napsán. V našem příkladu jsme uvedli, že uvedená klíčová slova jsou napsána v ruštině, tj.: k tomu můžeme nastavit sady klíčových slov v několika jazycích pomocí několika značek .

Metadata také umožňují přenos tzv. HTTP hlaviček. Zde je nutné udělat malou technickou odbočku. Všechny HTML dokumenty jsou přenášeny pomocí specializovaných programů nazývaných webové servery, za použití určité sady pravidel. Tento soubor pravidel pro příjem a přenos informací v počítačovém průmyslu se nazývá protokol. Sada pravidel pro předávání webových stránek a dat z vzdálení uživatelé HTTP (HyperText Transfer Protocol).Tento protokol má sadu direktiv a proměnných, které se často označují jako hlavičky protokolu HTTP.

Nestojíme před úkolem studovat všechny proměnné HTTP protokol, bude nám stačit, když se dozvíme o jeho nejčastěji používaných nadpisech. V první řadě stojí za zmínku proměnná Expires, která umožňuje nastavit tzv. datum expirace webové stránky. Faktem je, že prohlížeče a některé další komunikační programy ukládají webové stránky navštívené uživatelem do mezipaměti, a když si je uživatel znovu vyžádá, tyto kopie mu podsouvají, čímž šetří čas na příjem. Webové stránky jsou však stále poměrně často aktualizovány. Uživatel proto může obdržet zastaralou kopii.

Samozřejmě existují způsoby, jak nastavit pravidla pro práci s cache, ale ne každý je používá. Proto je lepší hrát na jistotu a zadat „datum vypršení platnosti“ webové stránky. Pokud projde, prohlížeč namísto použití kopie z mezipaměti stále požaduje dokument z webu.

Štítek , přizpůsobený k označení data vypršení platnosti webové stránky, vypadá asi takto:

Příklad ukazuje, že parametr se používá k určení názvu standardního neproměnného protokolu HTTP http-ekviv, a nastavit hodnotu této proměnné - již známý parametr obsahu. Je také dobře vidět, že nastavení data posledního použití dokumentu se provádí pomocí proměnné Expires a její hodnota musí být uvedena v konkrétním textový formát s časem udávaným greenwichským poledníkem.

Může se však také stát, že se informace na stránce aktualizují tak rychle, že je potřeba je načíst několikrát během jedné relace. Takové stránky s informacemi aktualizovanými v reálném čase jsou zcela běžné například v chatech nebo při zobrazování změn kotací cenných papírů během obchodního dne na burze. V tomto případě musíte použít proměnnou s názvem Refresh. Hodnota této proměnné se zadává v sekundách. Pak tag, o kterém uvažujeme bude mít následující podobu:

<МЕТА http-equiv-"Refresh" cpntent=10>

Stránka s podobným designem v záhlaví se automaticky znovu načte každých deset sekund.

Tím končí naše diskuse o struktuře záhlaví dokumentu HTML. Vrátíme se ke studiu struktury hlavní části webové stránky. Jak si pamatujeme, všechny informace zobrazené ve výřezu prohlížeče jsou umístěny mezi značky A . O tom, jaké příležitosti nám poskytuje specifikace pravidel pro zobrazování obsahu webové stránky jazyk HTML, se dozvíme v dalších částech této kapitoly. Zde uvažujeme pouze celková struktura HTML dokument.

HTML nám dává možnost nastavit jedinečný identifikátor pro každou použitou značku. Řekněme, že pokud je náš text rozdělen do odstavců, pak pro každý odstavec můžeme nastavit svůj vlastní konkrétní název a poté pomocí dodatečné finanční prostředky HTML, ovládejte zobrazení těchto odstavců. Některé z nich můžeme zneviditelnit, změnit barvu písma, tedy změnit pravidla pro jejich zobrazování. Navíc se to netýká pouze odstavců, ale všech částí obsahu webové stránky, které jsou uzavřeny v určitých značkách.

Parametr id se používá k identifikaci značky. Vraťme se k odstavcům příkladu textu. Když se podíváme trochu dopředu, můžeme říci, že odstavce jsou označeny pomocí dvojice značek <р> A . Vytváření odstavců, které pak můžeme rozlišit, se tedy provádí pomocí přibližně následující konstrukce:

<р id="р1">První odstavec
<р id="p2">Druhý odstavec

Hodnoty všech parametrů id v dokumentu HTML musí být jedinečné. Pokud se pár sejde stejné hodnoty, pak jsou tyto identifikátory jednoduše ignorovány. Samozřejmostí je použití parametru id je volitelný. Má smysl jej používat pouze v případech, kdy bude konstrukt s identifikovaným tagem stylizován (což si probereme v kapitole 2), nebo bude tento tag záložkou v dokumentu, na kterou bude ukazovat nějaký hypertextový odkaz , nebo bude identifikovaný konstrukt zpracován dynamicky pomocí instrukcí DHTML, o kterých se seznámíme ve 3. kapitole. Identifikátory se také používají v případech, kdy je HTML dokument zpracováván specializovanými aplikacemi, ale to je již pro velmi seriózní programátory. Teď to opravdu nepotřebujeme.

Pokud je parametr id slouží k jednoznačné identifikaci, pak pomocí parametru třída můžeme značku odkazovat na jednu nebo druhou skupinu. Toto nastavení se používá pouze pro účely stylingu. Některé prvky webové stránky jednoduše rozdělíme do tříd a pak už stačí na jednom místě změnit popis pravidel zobrazování tříd a tato změna se automaticky rozšíří na všechny tagy, které jsou v této třídě obsaženy.

Máme také metody pro kombinování sousedních prvků webové stránky jednotlivé bloky. Všechny prvky návrhu HTML dokumentů jsou rozděleny do dvou typů. Inline prvky, což jsou nejčastěji jen textové prvky, a blokové prvky. Vložené prvky mohou být součástí řádku, zatímco prvky bloku vždy zaujímají svůj vlastní prostor na webové stránce a musí vždy začínat nový řádek. Blokové prvky mohou přirozeně zahrnovat další blokové prvky a vložené prvky. Ze zřejmých důvodů nemohou vložené prvky obsahovat prvky bloku.

Kombinace prvků webové stránky do bloků vám umožňuje použít na ně jediný design a provést nějaký druh rozvržení. Bude stačit změnit umístění bloku změnou jednoho sjednocujícího tagu. Přirozeně je to pohodlnější než měnit umístění každého prvku webové stránky jednotlivě.

Značka se používá k seskupování prvků blokového typu.

.
Štítek 
Umožňuje prezentovat text se specifickým formátováním na obrazovce.  Předformátovaný text končí koncovou značkou
.  Uvnitř předformátovaného textu je povoleno používat: zalomení řádků, znaky tabulátoru (posun o osm znaků doprava), neproporcionální písmo Courier nainstalované prohlížečem.

Seznam značek. V dokumentu HTML existují tři hlavní typy seznamů: číslovaný seznam, seznam s odrážkami a seznam popisů.
Vnořené seznamy můžete vytvořit pomocí různých značek seznamů nebo jejich opakováním.  K tomu stačí umístit jeden pár tagů (začátek a konec) do druhého.  Zda budou mít vnořené položky seznamu stejné značky položek seznamu, závisí na prohlížeči.
Číslované seznamy.  V Do očíslovaného seznamu prohlížeč automaticky vloží čísla položek v pořadí.  To znamená, že pokud odstraníte jeden nebo více prvků číslovaného seznamu, zbývající čísla se automaticky přepočítají.
 
a končí značkou
 
.

Seznamy s odrážkami.  Pro U seznamů s odrážkami prohlížeč obvykle používá pro položku seznamu odrážky.  Vzhled značky je obvykle konfigurován uživatelem prohlížeče.
Číslovaný seznam začíná počáteční značkou 
a končí značkou
.  Každá položka seznamu začíná značkou<ы>.

Formátování písma. HTML umožňuje dva přístupy k výběru písma fragmentů textu.  Na jednu stranu můžete přímo naznačit, že písmo v určité části textu má být tučné nebo kurzíva, tzn.  změnit fyzický styl textu.  Na druhou stranu je možné označit nějaký kus textu, že má nějaký nenormální logický styl, a nechat interpretaci tohoto stylu na prohlížeči.
Grafika v dokumentu HTML. Jednou z nejatraktivnějších funkcí WEBu je možnost zahrnout grafiku a další typy dat do dokumentu HTML.
Grafiku v HTML dokumentech lze použít dvěma způsoby.  Prvním je vkládání grafických obrázků do dokumentu, které uživateli umožňuje vidět obrázky přímo v kontextu ostatních prvků dokumentu.  To se provádí pomocí značky. .  Tato značka je tečkovaná, tzn.  nezavírá se.  Syntaxe značky:

Požadovaný parametr má stejnou syntaxi jako standardní adresa URL.  Tato adresa URL sděluje prohlížeči, kde se nachází
výkres.  Výkres musí být uložen grafický formát podporované prohlížečem.  K dnešnímu dni toto formáty GIF, JPG, PNG.  Jsou podporovány většinou prohlížečů.
ALT="text"
Tento volitelný prvek určuje text, který má zobrazit prohlížeč, který nepodporuje grafiku nebo má grafiku obrázků zakázanou.  Obvykle se jedná o krátký popis obrázku, který uživatel může nebo bude moci vidět na obrazovce.  Pokud tento parametr chybí, většina prohlížečů zobrazí místo obrázku prázdný rámeček.  Štítek doporučeno, pokud uživatelé používají prohlížeč, který nepodporuje grafický režim, jako je Lynx, a pro indexování vyhledávačů.  Text je viditelný také při držení kurzoru myši po určitou dobu, aniž byste se pohybovali nad obrázkem, jako systémová nápověda pod kurzorem.
Většina prohlížečů umožňuje zahrnout obrázek na pozadí, který bude duplikován jako koupelnové dlaždice a zobrazen jako pozadí celého dokumentu.  Toto je druhý způsob.  Některým uživatelům se grafika na pozadí líbí, některým ne.  Obvykle vypadá jako pozadí většiny dokumentů nenápadný průsvitný vzor (tapeta).
Hypertextové odkazy jsou klíčovou součástí při zatraktivnění WEBu pro uživatele.  Přidáním hypertextových odkazů (dále jen odkazy) vytvoří uživatel soubor souvisejících a strukturovaných dokumentů, což mu umožňuje co nejrychleji a nejpohodlněji získat potřebné informace.
Odkazy mají standardní formát, který umožňuje prohlížeči je interpretovat a provádět potřebné funkce (způsoby volání) v závislosti na typu odkazu.  Odkazy mohou ukazovat na jiný dokument, speciální místo tento dokument nebo provádět jiné funkce, jako je vyžádání souboru.  Hypertextový odkaz může být text nebo obrázek nebo obojí.
Struktura odkazů v dokumentu HTML. Aby prohlížeč zobrazil odkaz na URL, musíte do značky hypertextového odkazu umístit text nebo obrázek.  Syntaxe HTML je následující:
<А HREF="URL">text-nebo-obrázek, který má být zvýrazněn jako-odkaz

Štítek<А HREF="URL">otevře popis odkazu a značku- zavře to.  Jakýkoli text mezi těmito dvěma značkami je speciálním způsobem zvýrazněn webovým prohlížečem.  Obvykle je tento text zobrazen podtrženou a zvýrazněnou barvou.  Obraz je orámován obdélníkovým rámem.  Text označující adresu URL prohlížeč nezobrazuje, ale používá se pouze k provedení zamýšlených akcí při aktivaci odkazu (obvykle při kliknutí myší na zvýrazněný nebo podtržený text).
Odkazy na značky v dokumentu. Pomocí speciálních skrytých štítků pro tyto sekce můžete odkazovat na různé sekce nebo sekce stejného dokumentu.  To vám umožní rychle se přesouvat z oddílu do oddílu v dokumentu, aniž byste museli posouvat obrazovku.  Jakmile uživatel klikne na odkaz, prohlížeč jej přesune do zadané sekce dokumentu a řádek obsahující popisek této sekce bude umístěn na první řádek okna prohlížeče (pokud je dostatečná délka " dokumentu v okně prohlížeče).



				

				










			
				

			Přečtěte si více:
				


     

        

            
                
            
        
 2023-07-31 00:15:46
        
Jak odstranit veškerý skrytý text z dokumentu v aplikaci Word?
    
 

        

            
                
            
        
 2023-07-30 00:16:58
        
Vzducholoď Gta 5 kde najít vzducholoď
    
 

        

            
                
            
        
 2023-07-30 00:16:58
        
Počítačový software.  Programy pro notebooky.  Programy pro zrychlení počítače
    
 

        

            
                
            
        
 2023-07-30 00:16:58
        
Kde najít vrtulník v GTA Online
    
 

        

            
                
            
        
 2023-07-30 00:16:58
        
Propagujte svůj SAMP server
    
 

        

            
                
            
        
 2023-07-29 00:17:32
        
Jak nainstalovat ukládání pro GTA San Andreas?