Jak správně přiřadit a používat kotvu HTML?

Dnešní téma pro diskusi bude HTML kotva. Tento prvek umožňuje rychlé přechody uvnitř stránky i ve vnějších dokumentech. Kotvy jsou často používány vývojáři webu. Protože pomáhají organizovat webové stránky, které jsou vhodné pro čtenáře. Článek poskytne podrobný popis tohoto prvku a příklady efektivního použití.

Popis

Hmoždinka HTML je druh jedinečné záložky pro webovou stránku. Má vždy své vlastní jméno, které by se nemělo opakovat na jedné stránce. Hlavním účelem kotvy je rychle přeskočit z jedné části dokumentu na jinou, na konkrétní místo. Zvláště efektivní tento prvek přináší, když je webová stránka velká. Z tohoto důvodu uživatelé nepohodlí číst obsah webu. A kotva na stránce HTML umožňuje rychlý přechod.

Přiřazení

Chcete-li vytvořit takovou záložku na stránce, můžete použít dvě různé metody. Prvním je použít atribut Name a ve druhém případě musíte použít atribut ID. Dále se podíváme na každou metodu zvlášť. Přechod v obou případech nastane pomocí značky "a", jejíž atribut obsahuje název nebo identifikátor. Například: "a href =" # footer "". Symbol # informuje prohlížeč, že spojení bude ukotvit.

Jméno

Atribut Název byl vytvořen speciálně pro vytvoření kotvy na stránce. Jeho hodnotou může být libovolný text. Tato kotva HTML může být použita pouze ve spojení s značkou "a".

Například chcete vytvořit záložku na úplném konci vaší stránky. Je třeba umístit značku "a název =" zápatí "" / a "do požadované části webového dokumentu. V jiné části stránky musíte vytvořit odkaz na ukotvení, a přidejte položku "a href =" # footer "" link "/ a". Když klepnete na tuto položku, prohlížeč vás automaticky přenese do části dokumentu, kde se nachází záložka Zápatí.

ID

Za prvé, stojí za to říkat, že ID je identifikátor, který nemá přímý účel k vytvoření kotvy. Umožňuje však vytvářet záložky v celé oblasti dokumentu bez vytvoření dalších odkazů. To znamená, že můžete použít atribut ID libovolného prvku HTML. A pak pomocí značky "a" se na něj odkazuje. Zde je příklad: prvek "p" je uprostřed dokumentu. Chcete-li se k ní dostat od začátku stránky bez použití posuvníků, přidejte atribut ID: "p id =" cent "" "/ p". Dále vytvořte odkaz: "a href =" # cent "" Text je "/ a". Získáme tak rychlý přístup k jakékoli části dokumentu. Hodnota atributu ID může být libovolný text.

Efektivní použití

V Odkaz na hmoždinku HTML Často se používá k vytváření navigace dokumentů. Například stránka obsahuje obrovské množství textových informací, které jsou následně rozděleny do samostatných odstavců nebo kapitol. Chcete-li uživatelům pohodlně používat stránky, musíte přiřadit záložky a rychle přeskočit na samostatnou část dokumentu. K tomu v každé kapitole vytvoříme kotevní spojení nebo použijeme identifikační identifikátory. A z vrcholu vytvoříme navigační panel s obsahem všech odkazů. Zajímavostí je, že můžete odkazovat na kotvy z jiných webových stránek. Stačí připočítat hodnotu atributu Jméno nebo ID na konec propojení. Nezapomeňte přidat symbol #. Schéma v tomto případě by vypadalo takto: hlavní odkaz # jméno (id).

Závěr

Hmoždinka HTML je velmi užitečná a v některých případech i základní prvek. V článku jsem uvedl pouze jeden příklad jeho efektivního využití. Ve skutečnosti se však tento druh záložky může použít v mnoha situacích. Hlavní věc je pochopit jejich hlavní myšlenku.