<
  • Главная
Статьи

Kaip sukurti nuorodą HTML dokumente. Žyma A - jos sintaksė ir atributai

  1. Interneto puslapio URL arba „adresas“
  2. <A> žyma ir jos pagrindinė sintaksė
  3. Absoliuti ir santykinė nuoroda
  4. Santykinė nuoroda į katalogą yra didesnė už dabartinę
  5. <A> žymos požymiai. Kaip atidaryti dokumentą pagal nuorodą naujame lange
  6. Pavadinimo nuoroda. <A> žymos pavadinimo atributas
  7. Atributas „hiperlink“ nofollow. Uždrausti svetainės „pasitikėjimo“ perdavimą
  8. Vidinė nuoroda arba inkaras dokumento viduje
  9. „Link Anchor“ - paveikslėlis
  10. Tęsinys

Nuorodos (ar hipersaitai) praliečia internetą kaip kraujagysles. Jei nebūtų jokių nuorodų, nebūtų interneto.

Kaip sukurti nuorodą HTML dokumente ir teisingai užregistruoti jo atributus, kokį URL yra ir kaip paieškos sistemos susijusios su nuorodomis - šioje kitoje pamokoje pradedantiesiems išmokti HTML.

Interneto puslapio URL arba „adresas“

Kiekvienas žiniatinklio HTML dokumentas turi savo „tikslų adresą“. Jis vadinamas „URL“ iš anglų kalbos. URL - vienodas išteklių lokatorius

URL struktūra dažnai matoma naršyklės adreso juostoje. Ji apima:

  1. Protokolo pavadinimas yra http: // arba https: //
  2. Svetainės domenas
  3. aplanką arba kelią į aplanką, kuriame yra šis dokumentas,
  4. Failo pavadinimas (gali būti ne visada).

Dėl šio „tikslaus adreso“ tapo įmanoma susipažinti su šiuo dokumentu iš kito dokumento teksto.

<A> žyma ir jos pagrindinė sintaksė

Tikiuosi, kad žodis „sintaksė“ nebesigąs tave

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> nuorodos tekstas </a>

Kaip matote, po žymos <A> pradžios privaloma turėti privalomą href atributą, nurodantį dokumento, į kurį norite eiti, adresą.

Viduje <A> konteinerio žymė yra tekstas (nors gali būti ir paveikslėlis), kuris yra nuorodos tekstas. Jis taip pat vadinamas „ Inkaru “ arba tiesiog - Inkaru.

Absoliuti ir santykinė nuoroda

Pirmiau pateiktuose pavyzdžiuose buvo naudojamos absoliučios nuorodos. Tie, kuriuose yra visas dokumento URL .

Kai kuriais atvejais „href“ atributas neturi viso URL su protokolo pavadinimu ir svetainės domenu. Jei dokumentas, su kuriuo susieja nuorodą, yra toje pačioje vietoje - galite naudoti santykinę nuorodą, vedančią iš vietos, kurioje yra dokumentas.

Schema, kai taikoma santykinė nuoroda

Pavyzdys: nuoroda iš dokumento first.html veda prie failo second.html, kuris yra naujienų aplanke.

Santykinė nuoroda į katalogą yra didesnė už dabartinę

Kodas:

<a href="../first.html"> tai yra santykinė nuoroda į failą, esantį pirmame kataloge </a>

Ši nuoroda nukreipia į failą first.html „tėvų“ kataloge, t.y. vienas lygis aukštyn .

Derinys ../ nurodo aplanką, kuris yra lygus aukštyn nuo nurodytos failo pozicijos, iš kurios yra sukurta nuoroda.

<A> žymos požymiai. Kaip atidaryti dokumentą pagal nuorodą naujame lange

Kad dokumentas būtų atidarytas naujame naršyklės skirtuke, turite naudoti atributą target = "_ blank"

Kad dokumentas būtų atidarytas naujame naršyklės skirtuke, turite naudoti atributą target = _ blank

Atributo nuoroda target = "_ blank"

Negalima piktnaudžiauti. Nereikia daryti vidinių nuorodų į svetainę su šiuo atributu. Vartotojai bus sujaudinti „kibirkštinio lango“.

Apskritai, naudojant šį tikslinį atributą - visą istoriją. Vis dar yra nemažai reikšmių, tačiau šiandien jie visi naudojami retai.

Taip yra todėl, kad jie yra skirti dirbti su svetaine, kuri nebėra populiari, ir su HTML5 atsiradimu tampa praeities dalyku.

Pavadinimo nuoroda. <A> žymos pavadinimo atributas

Kitas naudingas atributas yra title = "Tekstas, kuriame paaiškinama, kur ši nuoroda veda"

Sintaksė:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the popupup hint""> tai yra nuorodos nuoroda </a>

Kaip matote, naršyklė ją parodo kaip įrankio patarimą. Ir vis dėlto jame atsižvelgiama į paieškos sistemas.

Nuorodos pavadinimo nuoroda

Atributas „hiperlink“ nofollow. Uždrausti svetainės „pasitikėjimo“ perdavimą

Nuorodoms rel = "nofollow" yra dar vienas dviprasmiškas atributas

Jis pasakoja paieškos sistemoms, kad nuorodos dokumentas gali būti nepatikimas. Tuo pačiu metu patikimumo („pasitikėjimo“) rodikliai iš šaltinio svetainės neperduodami į svetainę pagal nuorodą.

„Pasitikėjimo“ ir nuorodų reitingų tema tebėra į priekį, tačiau jei tai yra trumpa, paieškos sistemų „svetainių“ likimas taip pat priklausys nuo nuorodų, vedančių į šią svetainę, skaičiaus. Kuo daugiau jų yra, tuo labiau autoritetingos svetainės - tai daugiau patikimumo pagal svetainę.

Kai kuriais atvejais verta atsiųsti nuorodas į šį atributą. Pavyzdžiui, jei parašote neigiamą apžvalgą apie bet kurią paslaugą.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> bloga svetainė </a>

Vidinė nuoroda arba inkaras dokumento viduje

Dideliuose tekstuose dažnai reikalaujama įdiegti vadinamuosius „inkarus“ loginėse dokumento dalyse. Tada, tai yra šioje vietoje, galite kreiptis.

Lengviausias būdas jį naudoti yra sukurti vietinę turinį iš hipersaitų, vedančių į šiuos inkarus. Tokios turinio lentelės paprastai pateikiamos pačioje straipsnio pradžioje.

Kuriant tokį inkarą, vietoj href atributo naudojamas vardo atributas.

Inkaro kūrimo sintaksė yra:

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

Kuriant nuorodą, URL pabaigoje pridėkite ženklą # - „inkaro“ pavadinimą:

<p> <a href="#top"> Į viršų </a> </ p>

Perėjimas bus tiksliai toje vietoje, t.y. Naršyklė šią vietą įdės į viršutinę matomą dalį.

Dažnai, ilguose dokumentuose, pačioje apačioje jie įdėjo tokią nuorodą „Į viršų“.

... keliavę po kvepiančių grūdų pasaulį, jie rado aukščiausią kokybę, kuriai garsėja Afrika, Azija, Centrinė ir Pietų Amerika. Todėl šiandien prekės ženklo kavinėse Kavos pupelės Geriausias kavos rūšis rasite iš pripažintų gamintojų.

? Į viršų ?

Kitame dokumente taip pat galite eiti į šią vietą, jei URL pabaigoje pridedate ženklą # name_accord

<a href="http://domen-saita.ru/dokument.html#top"> nuorodos tekstas veda į inkaro „viršų“ šiame dokumente </a>

„Link Anchor“ - paveikslėlis

Bet kuri nuotrauka gali būti nuoroda.

Kodas:

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

Pagal numatytuosius nustatymus nuorodos yra pažymėtos naršykle, turinčioje tvirtą mėlyną liniją, o nuorodų nuotraukos - mėlynas rėmelis.

Nuorodų nuotraukos gauna mėlyną rėmelį

Jei norite tai atsikratyti, į svetainės CSS failą įtraukiama paprasta taisyklė:

a {border: 0px;}

Tai yra nurodymas nubrėžti sienos storį visoms vaizdo nuorodoms.

Tęsinys

Kitame pranešime kalbėsiu apie el. Pašto nuorodas, jų atributus ir „apsaugos“ metodus nuo blogų nepageidaujamų laiškų siuntėjų



Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью