HTML-документке шилтеме кантип түзүү. Tag A - синтаксистик жана сыпаттары

  1. URL же на сайт "дареги"
  2. <a> теги жана анын негизги синтаксисин
  3. абсолюттук жана салыштырмалуу шилтеме
  4. агымга жогору каталог чейин салыштырмалуу -га шилтеме берген барактар
  5. теги <a> байланыштырат. бир жаңы терезеде шилтемесин документти ачуу үчүн эмне кылыш керек?
  6. Статус шилтемелер. теги <a> аталышы бар атрибуттуу
  7. гипершилтемелерге Юмор айтышат. шилтеме сайтына "ишеним" өткөрүп тыюу салуу
  8. документтин ичинде ички шилтемеси же казык
  9. Anchor шилтемелер - сүрөт
  10. узартуу

Links (же гипершилтемелерге) кан тамырлардын катары Интернетти жетишиш. бул байланышы жок беле - Интернет жок болмок.

учун HTML документтин жана анын сыпаттары каттоодон укугуна шилтеме жасоо үчүн, кантип бул URL жана издөө каражаттары шилтемелер болуп саналат - башталгыч үйрөнүш үчүн кийинки сабакта.

URL же на сайт "дареги"

Интернеттеги ар бир HTML документ, аны "так дарегин." Бар Англис, аны "URLom" деп аталат. URL - бирдиктүү Ресурстук Locator

URL түзүлүшү серепчинин дарек тилкесиндеги көп көрүнүп турат. Ага төмөнкүлөр кирет:

  1. Протокол аты - HTTP: // же HTTPS: //
  2. домен сайт
  3. Документти көрүү жайгашкан куржунга Папканы ачуу же жол,
  4. аянтчанын аты (ар дайым эле мүмкүн эмес).

Ушул "так дареги" үчүн рахмат, жана башка документтин текстине бул документтин тиешелүү менен мүмкүн болуп калды.

<a> теги жана анын негизги синтаксисин

Балким, сөз "синтаксисин" Сен коркутуп эмес, 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> шилтеме текст </a>

Көрүнүп тургандай, баштоо тег <a> кийин, көчүп келет документтин дареги коёт адреси, милдеттүү атрибуту керек.

шилтемени текст контейнер теги кетүү <a> тексттин (бул сүрөт болушу мүмкүн болсо да), ичинде. Ошондой эле, "Encore" деп аталган, же жөн гана - Anchor.

абсолюттук жана салыштырмалуу шилтеме

Жогорудагы мисалдардан да, абсолюттук шилтемелер колдонулган. Документтин толук URL бар адамдар.

Кээ бир учурларда, эмки сыпат протокол аты жана сайттын доменде толук URL камтыйт. Эгерде шилтеме алып турган документ, бир эле сайтында жайгашкан - Сиз документти өзү жерге алып келүүчү бир тууганы шилтемени колдоно аласыз.

салыштырмалуу шилтеме качан схемасы колдонулат

Мисалы: документ first.html second.html байланышкан кабар папкасында бир делосуна алып келет

агымга жогору каталог чейин салыштырмалуу -га шилтеме берген барактар

коду:

<a аны href="../first.html"> - </a> жогоруда каталог деъгээлинин делосуна салыштырмалуу шилтеме

Бул "-га шилтеме берген ата-эне", каталогдо билэни first.html алып келет, башкача айтканда, Бир деңгээл жогору.

Аралашма ../ шилтеме кылып, бул берилген иштин ордуна жогору бир даражасы папканы көрсөтөт.

теги <a> байланыштырат. бир жаңы терезеде шилтемесин документти ачуу үчүн эмне кылыш керек?

шилтемени документтештирүү үчүн бир жаңы серепчи өтмөктө ачып, сиз бар атрибуттуу максаттуу пайдалануу керек = "_ бош"

шилтемени документтештирүү үчүн бир жаңы серепчи өтмөктө ачып, сиз бар атрибуттуу максаттуу пайдалануу керек = _ бош

Link атрибуттуу максаттуу = "_ бош"

аларга кыянат кылбагыла. Ички шилтемелер бул сыпаты менен сайт үчүн кереги жок. Колдонуучу: "Терезенин mushrooming". Анын тынчын алат

Жалпысынан алганда, бул максаттуу өзгөчөлүгү - бүт окуя. анын артыкчылыгы, наркы бир катар дагы деле бар, бирок алардын баары азыр өтө сейрек болуп колдонулууда.

Бул, алар өткөн эрип, HTML5 келиши менен алкагында сайтка, азыр популярдуу жана, менен иштөө үчүн арналган болот.

Статус шилтемелер. теги <a> аталышы бар атрибуттуу

Дагы бир пайдалуу өзгөчөлүгү - аталышы = "-га шилтеме берген барактар ​​текст каякка алпарарын түшүндүргөн"

синтаксиси:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="vsplyvayuschaya podskazka"> бул - тез аранын ичинде </a> менен -га шилтеме берген барактар

Көрүнүп тургандай, серепчи чагылдырылат катары көрсөтөт. Ошондой болсо да, аны жана ага издөө системаларын карап көрөлү.

байланышы аталышы касиети Tip

гипершилтемелерге Юмор айтышат. шилтеме сайтына "ишеним" өткөрүп тыюу салуу

шилтемелер Rel бир кылка сыпат бар = "Юмор"

Ал документ шилтемеси ишенимдүү болушу мүмкүн эмес издөө системаларын айтылат. Бул учурда, булагы сайттын менен ишеним көрсөткүчтөрү ( "Ишеним") сайты шилтеме берилген эмес.

"Ишеним" жана маалымдама рейтингинде темасы али келе элек, бирок кыска, издөө жыйынтыктары сайттарда "тагдыры" да ошол сайтка алып шилтемелердин санына жараша болот. сайын, алар ошончолук кадыр-сайттар -га шилтеме берген барактар ​​- сайттарга көбүрөөк ишеним.

Кээ бир учурларда, бул сыпаты керек "качуу" болуп саналат. Мисалы, кандайдыр бир кызмат жөнүндө терс пикир жазып, анда.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> жаман сайт </a>

документтин ичинде ички шилтемеси же казык

тексттерди чоң көлөмү, көп учурда документтин логикалык бөлүктөрүндө "алып баруучулардын" деп аталган орнотуу талап кылынат. Андан кийин, ал ушул жерде болот, аны менен болот.

жөнөкөй жол менен пайдаланууга - казык алып Гипершилтемелердеги мазмунун жергиликтүү үстөл түзүү. Мындай көрүү, адатта, бул макаланын башында жайгаштырылат.

адреси сыпаты ордуна ушундай кеме казыкты түзүүдө аты касиетти колдонулат

синтаксиси кайырмак түзүү:

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

Эгер шилтемени тарабынан URL аягында кошо # белгиси жаратууда - "казык" аты:

<P> <a href="#top"> Top </a> </ б>

өтүү, башкача айтканда, так жерге болот Серепчи анын жогорку жердеги бөлүгүндө коюп берет.

Көп учурда түбүндө көпкө документтерде "Top" шилтеме койду.

... жыпар жыттуу буурчак дүйнөнүн аркылуу чөлгө алып, биз Africa, Азия, Борбордук жана Түштүк Америка менен белгилүү деп жогорку сапатын табылган. кофе бренд бүгүн Ошентип, Coffee буурчак Эгер дүйнөлүк таанылган өндүрүүчүлөрдөн мыкты кофе сортторун болот.

? тепкич менен жогору ?

башка документ, сиз # белгиси imya_yakorya кийин URL аягында кошуу болсо да, бул жерге келе албайт

<a href="http://domen-saita.ru/dokument.html#top"> текст шилтемеси документти </a> кеме казыктай "жогорку" алып барат

Anchor шилтемелер - сүрөт

Маалымат ар кандай сүрөт болушу мүмкүн.

коду:

<a href="http://sait.ru/dokument.html"> <УРА kartinka.jpg "туурасы =" 100 "бийиктик =" 131 "/> <br

Алыдын ала, шилтемелер браузер көк жип жана көк маанай ээ маалымдама-сүрөттү баса белгилеп жатышат.

Links-сүрөттөр көк кадр болуп

Сиз андан арылуу эмне - сайттын CSS билэ жөнөкөй эреже кошумча:

бир {чек ара: 0px;}

Бул нөл шилтемелер, сүрөттөр үчүн чек жоондугу бир далили болуп саналат.

узартуу

Кийинки билдирүүгө, мен жаман спам электрондук байланыш, алардын өзгөчөлүктөрү жана "коргоо" ыкмалары жөнүндө сүйлөшөбүз 🙂