HTML құжатындағы сілтемені қалай жасау керек. Тег A - оның синтаксисі және атрибуттары

1. URL мекенжайы немесе Интернеттегі беттің «мекенжайы»
2. <A> тег және оның негізгі синтаксисі
3. Абсолюттік және салыстырмалы сілтеме
4. Ағымдағы қарағанда жоғары каталогқа қатысты сілтеме
5. <A> тегінің төлсипаттары. Жаңа терезеде сілтеме бойынша құжатты ашу
6. Тақырып сілтемесі. <A> тегіне тақырып атрибуты
7. Attribute гиперсілтемесі nofollow. Сайттың «сенімін» сілтеме арқылы беруіне тыйым салынады
8. Құжат ішіндегі ішкі сілтеме немесе якорь
9. Сілтеме бекітпесі - сурет
10. Жалғастыру

Анықтамалар (немесе еренсілтемелер) интернетке қан тамырлары сияқты енеді. Егер ешқандай сілтемелер болмаса, Интернет болмайды.

HTML құжатындағы сілтемені қалай жасауға және оның атрибуттарын, URL-нің және іздеу жүйелерінің сілтемелермен байланысын қалай дұрыс тіркегенін - жаңадан бастағандарға HTML үйрену үшін келесі сабақта.

URL мекенжайы немесе Интернеттегі беттің «мекенжайы»

Интернеттегі әрбір HTML құжаты өзінің «нақты мекен-жайы» бар. Ол ағылшын тілінен «URL» деп аталады. URL - Бірыңғай ресурс орны

URL құрылымы көбінесе шолғыштың мекенжай жолында көрінеді. Ол мыналарды қамтиды:

1. Хаттама атауы - http: // немесе https: //
2. Сайт домені
3. бұл құжат орналасқан қалтаға немесе жолға,
4. Файл атауы (әрқашан мүмкін).

Осы «нақты мекенжай» арқасында басқа құжат мәтінінен осы құжатқа сілтеме жасауға болады.

<A> тег және оның негізгі синтаксисі

«Синтаксис» сөзі сізді бұдан былай қорқытпайды деп үміттенемін

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

Көріп отырғаныңыздай, <A> тегінің басталуынан кейін міндетті түрде href атрибуты болуы керек, ол сізге құжаттың мекен-жайын көрсетіп, сіз қаласаңыз.

<A> контейнерлік тегтің өзі мәтін болып табылады (бірақ сурет болуы мүмкін), ол сілтеме мәтіні болып табылады. Ол сондай-ақ « Анкер » деп аталады немесе қарапайым - Анкер.

Абсолюттік және салыстырмалы сілтеме

Жоғарыдағы мысалдарда абсолюттік сілтемелер пайдаланылды. Құжаттың толық URL мекенжайын қамтитын адамдар.

Кейбір жағдайларда href атрибуты хаттаманың атауы және торап домені бар толық URL мекенжайын қамтымайды. Егер сілтеме жүргізілетін құжат бір сайтта болса - сіз құжаттың орналасқан жерінен басталатын салыстырмалы сілтемесін пайдалана аласыз.

Салыстырмалы анықтама қолданылғанда схема

Мысал: бірінші.html құжатындағы сілтеме жаңалықтар қалтасында орналасқан second.html файлына әкеледі.

Ағымдағы қарағанда жоғары каталогқа қатысты сілтеме

Код:

<a href="../first.html"> Бұл каталог деңгейіндегі бір файлға салыстырмалы сілтеме </a>

Бұл сілтемені «parent» каталогындағы first.html файлына әкеледі, яғни. бір деңгей жоғары .

Комбинация сілтеме жасалатын файлдың берілген позициясынан бір деңгейді көрсетеді.

<A> тегінің төлсипаттары. Жаңа терезеде сілтеме бойынша құжатты ашу

Құжаттың жаңа браузер қойындысында ашу үшін, сіз мақсатты = «_ бос» атрибутын пайдалануыңыз керек

Атрибуттар сілтемесі target = «_ blank»

Оны теріс пайдаланбаңыз. Бұл атрибутпен сайтқа ішкі сілтемелер жасаудың қажеті жоқ. Пайдаланушылар «ұшқын терезесі» тарапынан тітіркендіреді.

Жалпы, бұл мақсатты атрибуты - бүкіл тарих. Әлі күнге дейін оның бірнеше мағынасы бар, бірақ олардың барлығы сирек қолданылады.

Өйткені, олар сайтпен жұмыс істеу үшін әзірленді, олар көпшілікке танымал емес және HTML5 пайда болуымен бұрын өткенге айналады.

Тақырып сілтемесі. <A> тегіне тақырып атрибуты

Тағы бір пайдалы атрибут title = «Бұл сілтеме қайда әкелетінін түсіндіретін мәтін»

Синтаксис:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the popup hint"> бұл кеңестер сілтемесі </a>

Көріп тұрғаныңыздай, браузер оны құралдың кеңесі ретінде көрсетеді. Дегенмен, іздеу жүйелерін ескереді.

Сілтеме тақырыбына қатысты атрибут туралы кеңестер

Attribute гиперсілтемесі nofollow. Сайттың «сенімін» сілтеме арқылы беруіне тыйым салынады

Rel = «nofollow» сілтемелері үшін тағы бір анық емес атрибуты бар

Ол сілтеме құжатының сенімсіз болуы мүмкін екенін Іздеу машиналарына айтады. Сонымен қатар, Сілтеме сайтынан сенім («сенім») индикаторлары сілтеме бойынша сайтқа жіберілмейді.

«Сенімді» және сілтеме рейтингі тақырыбы әлі алда, алайда қысқа болса, іздеу жүйелеріндегі сайттардың «тағдыры» осы сайтқа әкелетін сілтемелер санына байланысты болады. Олардың көпшілігі, беделді сайттар сілтемесі - сілтеме бойынша сайттың неғұрлым сенімді екендігі.

Кейбір жағдайларда, бұл атрибутпен «скрининг» сілтемелері тұр. Мысалы, кез-келген қызмет туралы теріс шолу жасасаңыз.

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

Құжат ішіндегі ішкі сілтеме немесе якорь

Үлкен мәтіндерде құжаттың қисынды бөліктерінде жиі деп аталатын «анкерлер» орнатылады. Содан кейін, бұл жерде, сілтеме жасай аласыз.

Оны пайдаланудың ең оңай жолы - бұл якорьге әкелетін еренсілтемелерден жергілікті мазмұнды жасау. Мазмұнның осындай кестелері әдетте мақаланың басында орналасады.

Осындай якорь жасаған кезде, ат атрибуты href атрибуты орнына пайдаланылады.

Жақтауды жасаудың синтаксисі:

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

Сілтемені жасаған кезде, URL соңында # белгісімен - «якорь» атауын қосыңыз:

<p> <a href="#top"> Жоғары </a> </ p>

Өткізу дәл осы жерде болады, яғни. Браузер бұл орынды үстіңгі көрінетін бөлікке орналастырады.

Көптеген құжаттар ұзаққа созылып, «Top» сілтемесі орналастырылған.

... хош иісті дүние әлемін аралап, Африка, Азия, Орталық және Оңтүстік Американың атақты адамдарының ең жоғары сапасын тапты. Сондықтан бүгін брендтің кофеханаларда Кофе дәндері Сіз танымал өндірушілерден жақсы кофе сорттарын таба аласыз.

? Жоғарғы жағына ?

Басқа құжатта сіз URL-дің соңында # name_accord белгісінің көмегімен қоссаңыз, осы жерге баруға болады

<a href="http://domen-saita.ru/dokument.html#top"> сілтеме мәтіні осы құжаттағы «жоғарғы» якорьға әкеледі </a>

Сілтеме бекітпесі - сурет

Кез-келген сурет сілтеме болуы мүмкін.

Код:

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

Әдепкі бойынша, сілтемелер браузерде қатты көк сызықпен сызылады және сілтеме суреттері көк жақтауды алады.

Сілтемелер-суреттер көк жақтауды алады

Оның құтылу үшін сайт үшін CSS файлына қарапайым ереже қосылады:

a {border: 0px;}

Бұл барлық кескін сілтемелері үшін шекара қалыңдығын нөлдеуге арналған нұсқаулық.

Жалғастыру

Келесі хатта мен зиянкестерден спам-байланыс, олардың атрибуттары мен «қорғау» әдістері туралы сөйлесемін