Så här skapar du en länk i ett HTML-dokument. Tag A - dess syntax och attribut

  1. URL eller "adress" på en sida på Internet
  2. <A> -taggen och dess grundläggande syntax
  3. Absolut och relativ referens
  4. Relativ länk till katalog som är högre än nuvarande
  5. Egenskaper för <A> -taggen. Så här öppnar du ett dokument genom referens i ett nytt fönster
  6. Titel länk. Titeln attributet för <A> -taggen
  7. Attribut hyperlänk nofollow. Förbud mot överföring av webbplatsens "förtroende" med hänvisning
  8. Intern länk eller ankare inuti dokumentet
  9. Link Anchor - Bild
  10. förlängning

Referenser (eller hyperlänkar) genomtränger Internet som blodkärl. Om det inte fanns några länkar skulle det inte finnas något Internet.

Hur man skapar en länk i ett HTML-dokument och registrerar sina attribut, vilken webbadress som är och hur sökmotorer relaterar till länkar - i den här lektionen för nybörjare för att lära sig HTML.

URL eller "adress" på en sida på Internet

Varje HTML-dokument på webben har sin egen "exakta adress". Det kallas "URL", från engelska. URL - Uniform Resource Locator

URL-strukturen är ofta synlig i adressfältet i webbläsaren. Den innehåller:

  1. Protokollnamnet är http: // eller https: //
  2. Site Domain
  3. mappen eller sökvägen till mappen där dokumentet är beläget,
  4. Filnamn (kanske inte alltid).

Tack vare den här "exakta adressen" blev det möjligt att hänvisa till det här dokumentet från texten i ett annat dokument.

<A> -taggen och dess grundläggande syntax

Jag hoppas att ordet "syntax" inte längre skrämmer dig 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> länktext </a>

Som du kan se, efter starten av <A> -taggen måste det finnas ett obligatoriskt href-attribut som anger adressen till det dokument som du vill åka till.

Innehållet i <A> behållarens etikett är en text (även om det kan finnas en bild), som är länkens text. Det kallas också " Anchor " eller helt enkelt - Anchor.

Absolut och relativ referens

I exemplen ovan användes absoluta referenser. De som innehåller dokumentets fullständiga URL .

I vissa fall innehåller inte href-attributet en fullständig URL med namnet på protokollet och domänen på webbplatsen. Om dokumentet som länken leder till finns på samma sajt - du kan använda den relativa länken som leder från den plats där dokumentet är beläget.

Schema när relativ referens tillämpas

Exempel: En länk från det första.html-dokumentet leder till andra.html-filen, som ligger i nyhetsmappen.

Relativ länk till katalog som är högre än nuvarande

kod:

<a href="../first.html"> Det här är en relativ länk till en fil på en katalognivå en </a>

Den här länken leder till filen first.html i "parent" -katalogen, dvs. en nivå upp .

Kombinationen ../ indikerar en mapp en nivå upp från den angivna positionen för filen från vilken länken görs.

Egenskaper för <A> -taggen. Så här öppnar du ett dokument genom referens i ett nytt fönster

För att dokumentet ska kunna öppnas i en ny webbläsarflik måste du använda attributmålet = "_ blank"

För att dokumentet ska kunna öppnas i en ny webbläsarflik måste du använda attributmålet = _ blank

Attribut länk mål = "_ blank"

Missa inte det. Du behöver inte göra interna länkar till webbplatsen med det här attributet. Användare kommer att irriteras av "gnistfönstret".

I allmänhet med detta målattribut - hela historien. Det finns fortfarande ett antal betydelser, men alla används sällan idag.

Detta beror på att de är utformade för att fungera med webbplatsen på ramar som inte längre är populära och med tillkomsten av HTML5 blir en sak av det förflutna.

Titel länk. Titeln attributet för <A> -taggen

Ett annat användbart attribut är title = "Text som förklarar var den här länken leder"

syntax:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="hopp popup-hint"> det här är en ledtrådslänk </a>

Som du kan se visar webbläsaren det som ett verktygstips. Och ändå tar det hänsyn till sökmotorerna.

Attributtips för länktitel

Attribut hyperlänk nofollow. Förbud mot överföring av webbplatsens "förtroende" med hänvisning

Det finns ett ytterligare tvetydigt attribut för länkarna rel = "nofollow"

Han berättar för sökmotorer att länkdokumentet inte är trovärdigt. Samtidigt överförs inte trust ("trust") indikatorer från Source-webbplatsen till webbplatsen genom referens.

Ämnet av "trust" och länk rankning är fortfarande framåt, men om det är kort kommer "ödet" av webbplatser i sökmotorerna också att bero på antalet länkar som leder till denna webbplats. Ju mer av dem, desto mer auktoritativa webbplatser länkar - ju mer trovärdighet av webbplatsen genom referens.

I vissa fall är det värt att "skärma" länkar med det här attributet. Till exempel, om du skriver en negativ recension om någon tjänst.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> dålig webbplats </a>

Intern länk eller ankare inuti dokumentet

I stora texter krävs ofta installation av så kallade "ankare" i logiska delar av dokumentet. Då är det här, du kan referera.

Det enklaste sättet att använda det är att skapa en lokal innehållsförteckning från hyperlänkar som leder till dessa ankare. Sådana innehållsförteckningar placeras vanligen i början av artikeln.

När du skapar ett sådant ankare används namnattributet istället för href-attributet.

Syntaxen för att skapa ett ankare är:

<a name="top"> </a>

När du skapar en länk lägger du till i slutet av webbadressen genom tecknet # - namnet på "ankaren":

<p> <a href="#top"> Topp </a> </ p>

Övergången kommer att vara exakt till denna plats, dvs. Webbläsaren placerar denna plats i sin övre synliga del.

Ofta, i långa dokument, längst ner lägger de en sådan länk "Top".

... efter att ha rest runt jorden av doftande korn, fann de högsta kvalitet för dem som Afrika, Asien, Central- och Sydamerika är kända för. Därför idag i varumärkets kaffehus Kaffeböna Du hittar de bästa kaffesorterna från erkända tillverkare.

? Till toppen ?

Från ett annat dokument kan du också gå till den här platsen, om du lägger till i slutet av webbadressen genom tecknet # name_

<a href="http://domen-saita.ru/dokument.html#top"> länktext leder till ett ankare "top" i det här dokumentet </a>

Link Anchor - Bild

Vilken bild som helst kan vara en länk.

kod:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Som standard understryks länkarna av webbläsaren med en solid blå linje och länkbilden får den blå ramen.

Länkar-bilder får en blå ram

För att bli av med det läggs en enkel regel till CSS-filen för webbplatsen:

en {border: 0px;}

Detta är en instruktion för att göra gränttjockleken noll för alla bildlänkar.

förlängning

I nästa inlägg kommer jag att prata om email länkar, deras attribut och metoder för "skydd" från onda spammare

Новости

Социальные сети в России, зима 2015-2016 Цифры, тренды, прогнозы | Блог Brand Analуtics — все о бренд мониторинге и социальной аналитике
Представляем данные регулярного исследования активной аудитории социальных сетей в России, зима 2015-2016. В исследовании представлены данные по аудитории, возрасту, полу и региональному распределению

SMM маркетинг от А до Я
Развитие социальных сетей породило новую огромную бизнес отрасль — СММ маркетинг. Это когда мы приходим с нашим продуктом в какую-нибудь соцсеть, находим там нашу целевую аудиторию, и предлагаем ей наш

Полезно знать
20.02.2014 Что такое Pinterest. Визуальный PR и маркетинг Pinterest или ПИНТЕРЕСТ – социальная сеть, использующая вместо текстов картинки и изображения, которые можно добавлять в аккаунт,

Фейсбук Моя страница: ВХОД на свою страницу Facebook
Фейсбук (Facebook) Моя страница — это личная страница каждого зарегистрированного пользователя самой большой в мире социальной сети.  Фейсбук даёт возможность людям с разных уголков Земли общаться между

Анализ социальных сетей
АНАЛИЗ СОЦИАЛЬНЫХ СЕТЕЙ (social network analysis) - новое направление структурного подхода, основными целями которого являются исследование взаимодействий между социальными объектами и выявление условий

Социальные сети для продвижения бизнеса: какие выбрать?
  Привет, друзья! Социальные сети занимают львиную часть времени в нашей жизни. Ежедневный просмотр новостей, любимых групп и переписка с друзьями – это любимое дело большинства молодых людей. Вот и

ВРЕДНОЕ ВЛИЯНИЕ СОЦИАЛЬНЫХ СЕТЕЙ НА ЗДОРОВЬЕ ЧЕЛОВЕКА - VI Студенческий научный форум (15 февраля - 31 марта 2014 года)
ВРЕДНОЕ ВЛИЯНИЕ СОЦИАЛЬНЫХ СЕТЕЙ НА ЗДОРОВЬЕ ЧЕЛОВЕКА Гущина Н. В., Люлина Н.В. С распространением всемирной паутины рост социальных сетей по всему миру стал глобальным явлением. С каждым

Влияние социальных сетей на подростков. Пропаганда суицида в сетях
Почему мы любим интернет? Почему молодым людям, подросткам сказать «Привет» стало проще, познакомившись в интернете, чем просто подойти в реальности? Почему все «сидят» в социальных сетях? Социальные сети

Маркетинг в социальных сетях (SMM) для продвижения компании
Деятельность в социальных сетях, на блогах и форумах по повышению лояльности клиентов получила название SMM — от аббревиатуры английского звучания этого термина – Social Media Marketing. Аудитория

Фейсбук (Facebook) - что это за сеть: как пользоваться ФБ
Фейсбук — это самая популярная и большая социальная сеть в мире. Если Вам интересно узнать больше о Facebook, про то как пользоваться сетью и о некоторых «фишках» ФБ — этот материал именно для вас!