როგორ გააკეთოთ ჰიპერბმული გვერდზე. რა არის ბმული და როგორ გავაკეთო ჰიპერბმული HTML-ში

ბმულები შეიძლება დაიყოს ორ კატეგორიად:
ბმულები გარე რესურსებთან- იქმნება ტეგის გამოყენებით და გამოიყენება ბრაუზერის მიერ დამუშავებისას მიმდინარე დოკუმენტის შესაძლებლობების გასაუმჯობესებლად;
ჰიპერბმულები- ბმულები სხვა რესურსებზე, რომლებსაც მომხმარებელს შეუძლია ეწვიოს ან ჩამოტვირთოთ.

როგორ გააკეთოთ ჰიპერბმულები ვებსაიტზე

1. ბმული სტრუქტურა

ჰიპერბმულები იქმნება გამოყენებით დაწყვილებული ტეგი. ტეგის შიგნით მოთავსებულია ტექსტი, რომელიც გამოჩნდება ვებ გვერდზე. ბმულის ტექსტი ბრაუზერში გამოსახულია ხაზგასმით, შრიფტის ფერი ლურჯია და ბმულზე გადასვლისას მაუსის კურსორი იცვლის იერს.

სავალდებულო ტეგის პარამეტრი არის href ატრიბუტი, რომელიც განსაზღვრავს ვებ გვერდის URL-ს.

ბმული მაჩვენებელი

ბმული ორი ნაწილისგან შედგება - მაჩვენებელიდა მისამართის ნაწილი. ბმული მაჩვენებელიწარმოადგენს მომხმარებლისთვის ხილულ ტექსტს ან სურათს. მისამართის ნაწილიბმული მომხმარებლისთვის არ ჩანს, ის წარმოადგენს იმ რესურსის მისამართს, რომელზეც გსურთ ნავიგაცია.

ბმულის მისამართის ნაწილი შედგება URl-ისგან. URL(Uniform Resource Locator) - რესურსის ერთიანი მისამართი. სიტყვების განცალკევებისთვის მისამართების შექმნისას რეკომენდებულია დეფისის, ვიდრე ქვედა ხაზის გამოყენება. ზოგადად, URl-ს აქვს შემდეგი ფორმატი:

წვდომის მეთოდი:/servername:port/path

წვდომის მეთოდი, ან პროტოკოლი, ცვლის მონაცემებს სამუშაო სადგურებს შორის სხვადასხვა ქსელში. მონაცემთა გადაცემის ყველაზე გავრცელებული პროტოკოლები:

ფაილი კითხულობს ფაილს ადგილობრივი დისკიდან:

ფაილი:/gallery/pictures/summer.html

http უზრუნველყოფს ვებ გვერდზე წვდომას HTTP პროტოკოლის გამოყენებით:

http://site.ru/

https არის HTTP პროტოკოლის სპეციალური განხორციელება, რომელიც იყენებს დაშიფვრას (ჩვეულებრივ SSL ან TLS)

https://site.ru/

ftp სთხოვს FTP სერვერს ფაილის მისაღებად:

ftp://pgu/directory/library

mailto იწყებს ფოსტის სესიას მითითებული დანიშნულებითა და ჰოსტით:

Mailto: [ელფოსტა დაცულია]

Სერვერის სახელიაღწერს აპარატის სრულ სახელს ქსელში, მაგალითად, site.ru . თუ სერვერის სახელი არ არის მითითებული, მაშინ ბმული ითვლება ლოკალურად, ე.ი. ის ეხება იმავე მანქანას, როგორც HTML დოკუმენტს, რომელიც შეიცავს ბმულს.

TCP პორტის ნომერირომელზედაც მუშაობს ვებ სერვერი. წარმოადგენს მითითებულ რიცხვს, თუ მეთოდი მოითხოვს პორტის ნომერს ( ცალკე სერვერებიშეიძლება ჰქონდეს საკუთარი გამორჩეული პორტის ნომერი). თუ პორტი არ არის მითითებული, პორტი 80 გამოიყენება ნაგულისხმევად. სტანდარტული პორტებია:
21 - FTP
23 - ტელნეტი
70 - გოფერი
80 - HTTP

გზაშეიცავს საქაღალდის სახელს, სადაც ფაილი მდებარეობს.

2. აბსოლუტური და ფარდობითი გზა

როდესაც ბმულზე მითითებულია მხოლოდ ფაილის სახელი, ბრაუზერი ვარაუდობს, რომ ფაილი იმავე საქაღალდეშია, სადაც ჰიპერბმულის შემცველი დოკუმენტი. პრაქტიკაში, ვებსაიტები შეიცავს ასობით დოკუმენტს, რომლებიც მოთავსებულია ცალკეულ საქაღალდეებში მათი მართვის გასაადვილებლად. მიმდინარე დოკუმენტის შემცველი საქაღალდის გარეთ არსებული ფაილის ბმულის შესაქმნელად, თქვენ უნდა მიუთითოთ ფაილის მდებარეობა ან გზა. HTML მხარს უჭერს ორი ტიპის გზას: აბსოლუტური და ფარდობითი.

ბრინჯი. 1. საქაღალდის სტრუქტურის მაგალითი

2.1. აბსოლუტური გზა

აბსოლუტური გზაგანსაზღვრავს ფაილის ზუსტ მდებარეობას კომპიუტერის (სერვერის) მთელი საქაღალდის სტრუქტურაში. ფაილის აბსოლუტური გზა იძლევა ფაილზე წვდომას მესამე მხარის რესურსებიდან და შეიცავს შემდეგ კომპონენტებს:
1) პროტოკოლი, მაგალითად, http (სურვილისამებრ);
2) დომენი ( დომენის სახელიან კომპიუტერის IP მისამართი);
3) საქაღალდე (საქაღალდის სახელი, რომელიც მიუთითებს ფაილის გზაზე);
4) ფაილი (ფაილის სახელი).

არსებობს ორი ტიპის აბსოლუტური ბილიკის ჩანაწერი - პროტოკოლით და მის გარეშე:

http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

თუ ფაილი მდებარეობს root საქაღალდეში, მაშინ ფაილის გზა იქნება შემდეგი:

http://site.ru/index.html

თუ ფაილის სახელი არ არის, ჩაიტვირთება ვებ გვერდი, რომელიც ნაგულისხმევად არის დაყენებული ვებ სერვერის პარამეტრებში (ე.წ. ინდექსის ფაილი).

http://site.ru/

როგორც წესი, ინდექსის ფაილი არის დოკუმენტი სახელად index.html. ბოლო ხაზის არსებობა ნიშნავს, რომ მისამართი მიდის საქაღალდეში, თუ ის არ არის, პირდაპირ ფაილში.

2.2. შედარებითი გზა

შედარებითი გზააღწერს მითითებული დოკუმენტის გზას მიმდინარესთან შედარებით. ბილიკი განისაზღვრება ვებ გვერდის ადგილმდებარეობის მიხედვით, რომელზეც მდებარეობს ბმული. შედარებითი ბმულები გამოიყენება იმავე საიტზე სხვა დოკუმენტების ბმულების შექმნისას. როდესაც ბრაუზერი ვერ პოულობს http:// პროტოკოლს ბმულზე, ის ეძებს მითითებულ დოკუმენტს იმავე სერვერზე.

შედარებითი გზა შეიცავს შემდეგ კომპონენტებს:
1) საქაღალდე (საქაღალდის სახელი, რომელიც მიუთითებს ფაილის გზაზე);
2) ფაილი (ფაილის სახელი).

ნათესავი ბმულების გზას აქვს სამი სპეციალური აღნიშვნა:
/ მიუთითებს root დირექტორიაზე და გეუბნებათ, რომ დაიწყოთ დოკუმენტის root დირექტორიადან და გადახვიდეთ შემდეგ საქაღალდეში
./ მიუთითებს მიმდინარე საქაღალდეზე
../ ასვლა ერთი საქაღალდეზე (ცნობარი)

ფარდობით ბილიკსა და აბსოლუტურ ბილიკს შორის მთავარი განსხვავება ისაა, რომ ფარდობითი გზა არ შეიცავს ძირეული საქაღალდის და მშობელი საქაღალდეების სახელს, რაც მისამართს უფრო მოკლეს ხდის, ხოლო ერთი დომენიდან მეორეზე გადასვლის შემთხვევაში არ დაგჭირდებათ. ახალი აბსოლუტური მისამართის დასაწერად. მაგრამ თუ მესამე მხარის რესურსი აკავშირებს, მაგალითად, თქვენს სურათებს შედარებითი მისამართებით, მაშინ ისინი არ იქნება ნაჩვენები სხვა საიტზე.

3. წამყვანები

წამყვანები, ან შიდა ბმულები, შექმენით ბმულები სხვადასხვა განყოფილებებთან მიმდინარე ვებ გვერდი, რომელიც საშუალებას გაძლევთ სწრაფად გადაიტანოთ განყოფილებებს შორის. ეს გამოდგება, როცა გვერდზე ძალიან ბევრი ტექსტია. შიდა ბმულები ასევე იქმნება ტეგის გამოყენებით იმ განსხვავებით, რომ href ატრიბუტი შეიცავს პოინტერის სახელს - ე.წ წამყვანი, არა URL. მაჩვენებლის სახელს ყოველთვის წინ უძღვის # ნიშანი.

მე მჯერა, რომ არცერთი HTML გვერდი არ შეიძლება არსებობდეს მინიმუმ ერთი ჰიპერბმულის (ან უბრალოდ ბმულის) გარეშე. ბმულები შეიძლება იყოს სხვა გვერდებზე ან საიტებზე, ან ფაილებზე, სურათებზე და ა.შ.

ლინკები არის გარე და შიდა, ტექსტური და გრაფიკული. გარე ბმულებიბმულები სხვა საიტებზე ან მათზე არსებული ობიექტების ობიექტები, ხოლო შიდა, პირიქით, ეხება თქვენი საიტის სხვადასხვა ნაწილს. ტექსტური ბმული არის ტექსტი, რომელიც დაწკაპუნებისას მიგიყვანთ სხვა ობიექტზე ან ხსნის მას, ხოლო გრაფიკული ბმული არის ობიექტი (ყველაზე ხშირად სურათი), რომელიც ასევე ემსახურება სხვა გვერდზე, საიტზე ან, მაგალითად, გამოსახულება. HTML-ში ბმულები იქმნება ტეგის გამოყენებით (ინგლისური anchor - anchor). შემდეგ უფრო მეტს გეტყვით ლინკების შესახებ.

ტეგს აქვს მნიშვნელოვანი და მთავარი href ატრიბუტი. მისი მნიშვნელობა არის გზა ობიექტის ან საიტისკენ, რომელსაც ჩვენი ბმული ეხება URL-ის სახით. წამყვანი (ბმულის სხეული) შეიძლება იყოს ტექსტი (ტექსტური ბმული) ან სურათი (გრაფიკული ბმული). თუ თქვენ გჭირდებათ გრაფიკული ბმულის შექმნა, თქვენ უნდა გამოიყენოთ IMG ტეგი ტეგებს შორის, როგორც წამყვანი. აქ არის მარტივი HTML ბმულის მაგალითი:

ბმული ტექსტი (წამყვანი)

კიდევ ერთ მაგალითს მოგიყვან, რომ უკეთ გაიგო. ჩემს ვებსაიტზე დაყრდნობით:

ბრაუზერის html გვერდზე ასე გამოიყურება:

ბმულის ტექსტის ფერი დაყენებულია BODY ტეგის ატრიბუტებით. მარტივად რომ ვთქვათ, რედაქტირების იგივე ატრიბუტები შესაფერისია ბმულებისთვის, როგორც გვერდზე ტექსტისთვის. ეს არის თამამი და დახრილი ასოებით ხაზგასმა და სათაურების გამოყენება და ა.შ.

html გვერდზე გამოჩნდება შემდეგი:

ჩვენ ვიღებთ შედეგს ჩარჩოს გარეშე:

მთავარი გვერდი 1 სეო

როგორც შენიშნეთ, სხვა გვერდზე გადასვლა ხორციელდება იმავე ფანჯარაში. თუ გსურთ ბმული გაიხსნას სხვა ფანჯარაში ან მშობელში (ნაგულისხმევი არის იმავე ფანჯარაში), შეგიძლიათ გამოიყენოთ შემდეგი სამიზნე ატრიბუტიტეგი A:

  • _blank - ხსნის გვერდს ახალ ფანჯარაში;
  • _parent - ჩატვირთავს ბმულს მშობლის ფანჯარაში;
  • _self არის ნაგულისხმევი. ხსნის ბმულს იმავე ფანჯარაში.

1seo ვებსაიტის მთავარი გვერდი

ასევე არის სათაურის ატრიბუტი ბმულისთვის ინსტრუმენტული მინიშნების შესაქმნელად:

1seo ვებსაიტის მთავარი გვერდი

ტექსტი

სხვათა შორის, თუ URL-ში მიუთითებთ თქვენს საფოსტო ყუთს და მიუთითებთ mailto: პროტოკოლს, მაშინ თქვენს ბმულზე დაჭერით გაიხსნება. ფოსტის პროგრამა, სადაც თქვენი მისამართი უკვე შეიტანება To ველში საფოსტო ყუთი. მაგალითად, HTML კოდი ასე გამოიყურება:

Გამომიგზავნე მესიჯი

მე შევეცადე დამეწერა ძირითადი რამ, რაც გჭირდებათ HTML-ში ბმულის შესაქმნელად. სხვათა შორის, თუ წაიკითხეთ HTML სახელმძღვანელოს წინა სტატიები, მაშინ შემიძლია დარწმუნებით ვთქვა, რომ თქვენ უკვე იცით მინიმუმი თქვენი პირველი სრულფასოვანი html გვერდის შესაქმნელად. გვერდის შექმნის შემდეგ, შეგიძლიათ განათავსოთ იგი უფასო ჰოსტინგზე და ნახოთ თქვენი შრომის ნაყოფი. მერწმუნეთ, ამის შემდეგ თქვენ გექნებათ კიდევ უფრო დიდი შემოქმედებითი ენერგიის მოზღვავება. შემდეგი, მე გეტყვით როგორ შევქმნათ ცხრილი HTML-ში. ესეც ძალიან მნიშვნელოვანი ინფორმაციაშეეცადეთ მთლიანად შთანთქოთ და მონელოთ იგი.

გამოცემის თარიღი: 2012 წლის 15 მაისი

ჰიპერბმულები გამოიგონეს ქსელში არსებული დოკუმენტების ერთმანეთთან დასაკავშირებლად და თუ თქვენი საიტი არ შედგება ერთი გვერდისგან, არამედ რამდენიმესგან, მაშინ მათი დაკავშირება შეგიძლიათ მხოლოდ ჰიპერბმულების შექმნით. მოდით შევხედოთ პირდაპირ მაგალითს, თუ როგორ გამოიყურება.

შექმენით მარტივი ჰიპერბმული








გადადით სხვა გვერდზე


აქ ყველაფერი მარტივია, ჰიპერბმულის შესაქმნელად ვიყენებთ ტეგს სადაც href=”” არის გვერდის მისამართი, რომელზეც განხორციელდება გადასვლა, ჩვენს შემთხვევაში ეს გვერდი მდებარეობს იმავე დირექტორიაში. თქვენ ასევე შეგიძლიათ აქ ჩასვათ მისამართი, როგორიცაა href="http://site.ru/page.html" ან შეიძლება იყოს ბმული არქივისკენ, რომელიც მდებარეობს სხვა საქაღალდეში თქვენს საიტზე href="arj/arhiv.zip" ან ნებისმიერი სხვა დოკუმენტი, რომელსაც რეალურად არ აქვს მნიშვნელობა. ასევე, ნებისმიერი ჰიპერბმულის სავალდებულო ატრიბუტია სათაური, ეს არის ბმულის აღწერა, ეს არის ძალიან მნიშვნელოვანი ელემენტი საძიებო სისტემის ოპტიმიზაციაში და აქ თქვენ წერთ იმ გვერდის ან დოკუმენტის საკვანძო სიტყვებს, რომელსაც გულისხმობთ. ტექსტს, რომელიც მდებარეობს ტეგს შორის, ჰქვია წამყვანი და ასევე ძალიან მნიშვნელოვანია.

ბმულის გახსნა ახალ გვერდზე

არის კიდევ ერთი საინტერესო ატრიბუტი, რომელიც შეიძლება გამოგადგეთ:

გადადით სხვა გვერდზე

სამიზნე ატრიბუტი მნიშვნელობით _blank ხსნის ბმულს ახალ ფანჯარაში, ეს ხშირად გამოიყენება, თუ არ გსურთ ადამიანმა დაკარგოს თქვენი გვერდი და ამავე დროს მიიღოს მისთვის საჭირო ინფორმაცია მხოლოდ ახალ ჩანართში ან ფანჯარაში.

გამოსახულების ბმულები





ჩვენ ვიყენებთ ჰიპერბმულებს საიტზე







შედეგი ბრაუზერში:

არსებითად, აქ ყველაფერი მარტივია, მე დავდე სურათის ტეგი გახსნის და დახურვის ჰიპერბმულის ტეგს შორის , მაგრამ კიდევ ერთხელ, მე არ ჩავდე მხოლოდ ორი სურათი, მე მივაკუთვნე img კლასი ერთს, რომელშიც გადავაყენე სურათის ირგვლივ ჩარჩო, რადგან როდესაც ის ხდება ჰიპერბმული, გამოჩნდება, მაგრამ არა ყველა ბრაუზერში, მაგალითად IE. ნახეთ, მაგრამ არა Google Chrome-ში.

ხაზგასმა ბმულებში





ჩვენ ვიყენებთ ჰიპერბმულებს საიტზე



გადადით სხვა გვერდზე
გადადით სხვა გვერდზე


სიცხადისთვის მე მივეცი ორი ვარიანტი ამ პრობლემის გადასაჭრელად, მივაკუთვნე კლასის ამომრჩეველს და ამ კლასის დანიშვნით თქვენ ამოიღებთ არასაჭირო ხაზგასმას კონკრეტულ ადგილებში. პრობლემის მეორე გამოსავალი არის ხაზგასმის ამოღება ტეგის ყველა ბმულიდან<а>, რაც რა თქმა უნდა იშვიათად იწვევს მოთხოვნილებას, მაგრამ ცოდნა მაინც არ არის ზედმეტი.

ბმულები დოკუმენტში

იშვიათი არ არის, რომ დოკუმენტი საკმაოდ გრძელია და გვერდის დასაწყისში კეთდება მცირე მენიუ ამ გვერდის ქვეგანყოფილებების ბმულებით. ამ ბმულებს უწოდებენ ბმულებს დოკუმენტში და ეს ყველაფერი ხორციელდება საკმაოდ მარტივად. დასაწყისისთვის, წამყვანები მოთავსებულია დოკუმენტში, ეს არის ნიშნები, ისინი მოთავსებულია დოკუმენტში, სადაც საჭირო იქნება გადაადგილება შიდა ბმულზე დაჭერისას, როგორც წესი, ეს არის განყოფილების სათაურები, ეტიკეტი ასე გამოიყურება:

< /a>

თავი….< /a>

და ბოლო, რაც უნდა ვიცოდეთ ჰიპერბმულების შესახებ, არის ბმულები ელექტრონულ საფოსტო ყუთებზე, ის ხორციელდება ძალიან მარტივად, უბრალოდ დაამატეთ mailto: ჩანაწერი href ატრიბუტში და საფოსტო ყუთის მისამართი:

ჩემი ფოსტა< /a>

ამით მთავრდება გაკვეთილი "HTML-ში ჰიპერბმულების შექმნა", როგორც თქვენ შენიშნეთ, ჩვენ აქ არ გავაკეთეთ CSS-ის გარეშე, ზოგადად, მასალა საკმაოდ მარტივია, ვფიქრობ, თქვენთვის ყველაფერი მარტივი და გასაგები იქნება, დაწერეთ კითხვები.

Გამოქვეყნების თარიღი: 2014-04-23


როგორ შევქმნათ ბმულები HTML დოკუმენტში

(მეტ მაგალითებს ნახავთ ამ გვერდის ბოლოში)

HTML ჰიპერბმულები (ბმულები)

მონიშნეთ შეიძლება გამოყენებულ იქნას ორი გზით:

  1. სხვა დოკუმენტის ბმულის შესაქმნელად - href ატრიბუტის გამოყენებით
  2. სანიშნეში დოკუმენტის შიგნით - სახელის ატრიბუტის გამოყენებით

HTML სინტაქსის ბმულები

მაგალითი

ეწვიეთ საიტს

ის გამოჩნდება ბრაუზერის მიერ ასე:

HTML ბმულები - სამიზნე ატრიბუტი

სამიზნე ატრიბუტი (დანიშნულება) განსაზღვრავს სად უნდა გაიხსნას დაკავშირებული (ის, რომელსაც ბმული ეხება) დოკუმენტი.

ქვემოთ მოყვანილი მაგალითი გახსნის დაკავშირებულ დოკუმენტს ბრაუზერის ახალ ფანჯარაში ან ჩანართში:

HTML ბმულები - სახელის ატრიბუტი

სახელის ატრიბუტი გამოიყენება HTML დოკუმენტში სანიშნეის შესაქმნელად ("anchor" / "anchor").

კომენტარი:
უახლოეს მომავალში, HTML5 სტანდარტი გვთავაზობს id ატრიბუტის გამოყენებას name ატრიბუტის ნაცვლად, ბმულის სახელის დასაზუსტებლად.
id ატრიბუტის გამოყენება რეალურად მუშაობს HTML4-ში ყველა თანამედროვე ბრაუზერშიც.

სანიშნეები არ არის ნაჩვენები რაიმე განსაკუთრებული გზით. ისინი არ ჩანს მკითხველისთვის.

კომენტარი:ყოველთვის დაამატე ბოლო ხაზგასმული ქვედირექტორიის ბმულებს. თუ თქვენ შექმნით მსგავს ბმულს: href="http://site/html", მაშინ გენერირებულია ორი მოთხოვნა სერვერზე, ჯერ სერვერი ამატებს მისამართს ხაზს და შემდეგ ქმნის ახალ მოთხოვნას: href="http ://site/html/" .

რჩევა:დასახელებული ბმულები ხშირად გამოიყენება დიდი დოკუმენტის დასაწყისში "სარჩევის" შესაქმნელად. დოკუმენტის თითოეულ თავს ენიჭება დასახელებული ბმული და თითოეული ამ დასახელებული წამყვანის ბმულები ჩასმულია დოკუმენტის დასაწყისში.

რჩევა:თუ ბრაუზერი ვერ პოულობს მითითებულ დასახელებულ ბმულს, ის გადადის დოკუმენტის დასაწყისში. შეცდომები არ ხდება.

განვიხილოთ ჰიპერბმულების გამოყენება მაგალითი No1-ის გამოყენებით.

ჰიპერბმულების გამოყენება

იხილეთ სპეციფიკაცია HTML 5შეგიძლიათ აქ.
გვერდი გაიხსნება ახალ ფანჯარაში.

და შეგიძლიათ ჩამოტვირთოთ ელემენტების და ატრიბუტების ცხრილები აქ.

მაგალითი #1. ჰიპერბმულების გამოყენება

ჰიპერბმულების გამოყენება გვერდზე წამყვანების შესაქმნელად

"a" ელემენტი ასევე შეიძლება გამოყენებულ იქნას როგორც ჰიპერბმული გვერდზე ნავიგაციისთვის. ამისათვის, დოკუმენტში სწორ ადგილას, თქვენ უნდა შექმნათ წამყვანი(ინგლისურიდან. წამყვანი), ე.ი. სანიშნე და მიუთითეთ ის, როგორც სამიზნე ჰიპერბმულში. ანკორი იქმნება ცარიელი "a" ელემენტის გამოყენებით, რომლის გახსნის ტეგში მითითებულია ატრიბუტი. თქვენ ასევე შეგიძლიათ გამოიყენოთ მარკირების საჭირო ელემენტი წამყვანად, რომელსაც მომავალში შიდა ჰიპერბმული მიგვიყვანს. ამისათვის თქვენ უბრალოდ უნდა მიუთითოთ მასში არსებული ატრიბუტი. შემდეგი, თავად ჰიპერბმულის href ატრიბუტი განსაზღვრავს ფუნტის ნიშანს "#" და წამყვანის ატრიბუტის მნიშვნელობას, როგორც მის მნიშვნელობას. უფრო გასაგებად, ვნახოთ მაგალითი #2.

შიდა ჰიპერბმულების შექმნა

მე ვარ პირველი აბზაცი.

ატრიბუტების ცხრილის ნახვა HTML 5შეუძლია
ოფიციალურ საიტზე აქ.
გვერდი გაიხსნება ახალ ფანჯარაში და გაიხსნება
გადავიდა ატრიბუტების ცხრილში.

აქ შეგიძლიათ პირველ პარაგრაფზე გადასვლა.

მაგალითი #2. შიდა ჰიპერბმულების გამოყენება

გაითვალისწინეთ წამყვანის არსებობა მაგალითის მეორე აბზაცში href ატრიბუტის მნიშვნელობად მითითებულ აბსოლუტურ მისამართზე. ასეთი ჰიპერბმულის გამოყენებისას ბრაუზერი ჯერ მიდის მითითებულ მისამართზე, შემდეგ კი გადაახვევს გვერდს მითითებული წამყვანის ადგილას. თუ გვერდზე არ არის წამყვანი, გვერდი თავიდანვე გამოჩნდება.

ფარდობითი ჰიპერბმულები და ნათესავი მისამართის აგება

ამ განყოფილების დასასრულებლად, განიხილეთ მშენებლობის პრინციპი ნათესავის მისამართები. მოდით, ჩვენი ჰიპერბმული იყოს დოკუმენტში, რომელიც მდებარეობს ლოკალურ სერვერზე მისამართზე http://localhost/site/ doc_1/ doc_2/ ... /doc_n/web_page.html, სადაც doc_n არის ბუდობის მე-n დონის საქაღალდე. ამ შემთხვევაში, doc_n საქაღალდე, რომელშიც მდებარეობს ჩვენი ჰიპერბმული დოკუმენტი, ავტომატურად მიიღება საფუძვლად, რომელზედაც აგებულია ყველა მისამართი. Ისე:

  • თუ გსურთ, რომ ბმული მიუთითებდეს new_page.html სამიზნე დოკუმენტზე, რომელიც მდებარეობს იმავე doc_n საქაღალდეში, როგორც ჩვენი ჰიპერბმული წყარო დოკუმენტი, მაშინ თქვენ უბრალოდ უნდა დააყენოთ ბმულის href ატრიბუტი სამიზნე დოკუმენტის სახელზე: href="new_page.html " .
  • საქაღალდეში მდებარე new_page.html სამიზნე დოკუმენტზე გადასასვლელად http://localhost/site/ doc_1/ doc_2/ ... /doc_n/ doc_n_1/ ... doc_n_k/ბმულის href ატრიბუტის მნიშვნელობა უნდა შეიცავდეს მხოლოდ doc_n-ში ჩადგმულ საქაღალდეებს და, რა თქმა უნდა, სამიზნე დოკუმენტის სახელს: href="doc_n_1/ ... doc_n_k/new_page.html". ამრიგად, ჩვენ ვეუბნებით ბრაუზერს, რომ ის უნდა გადავიდეს doc_n_1 საქაღალდეში, რომელიც მდებარეობს doc_n საქაღალდეში საწყის დოკუმენტთან ერთად, რომელშიც ჩაწერილია ჰიპერბმული, შემდეგ საქაღალდეში doc_n_2 და ასე შემდეგ, სანამ არ მოხვდება doc_n_k საქაღალდეში. იქ მდებარე სამიზნე დოკუმენტი, რომელიც უნდა გახსნას.
  • საქაღალდეში მისასვლელად ორიგინალზე ერთი დონით მაღლა, გამოიყენება სიმბოლოების სპეციალური კომბინაცია "../". n დონეზე ასასვლელად, თქვენ უნდა დაწეროთ კომბინაცია "../" n ჯერ ზედიზედ. ასე რომ, ჩვენს შემთხვევაში, მიჰყევით სამიზნე დოკუმენტის ბმულს http://localhost/site/ doc_1/ doc_2/ ... /doc_n-3/ new_page.htmlბმულის href ატრიბუტი უნდა იყოს "../../../new_page.html". ეს ეუბნება ბრაუზერს, რომ გადავიდეს doc_n-1 საქაღალდეში, შემდეგ doc_n-2 და doc_n-3 და შემდეგ იქ გახსნას new_page.html სამიზნე დოკუმენტი.
  • თუ საჭიროა არა მხოლოდ რამდენიმე დონეზე ასვლა, არამედ იქ საქაღალდეში (ან რამდენიმე ქვესაქაღალდეში) შესვლა სამიზნე დოკუმენტზე წვდომის მისაღებად, მაშინ ბმულის href ატრიბუტის მნიშვნელობაში ჯერ უნდა მიუთითოთ დონეების საჭირო რაოდენობა ასასვლელად სიმბოლოების ". ../" გამოყენებით და შემდეგ დაამატეთ გზა მიღებული საქაღალდიდან სამიზნე დოკუმენტში. მაგალითად, თუ სამიზნე დოკუმენტი მდებარეობს new_doc საქაღალდეში და მისამართების გზა ასე გამოიყურება http://localhost/site/ doc_1/ doc_2/ ... /doc_n-3/new_doc/ new_page.html, მაშინ ბმულის href ატრიბუტს უნდა ჰქონდეს მნიშვნელობა "../../../new_doc/new_page.html". იმათ. ჩვენ ვეუბნებით ბრაუზერს, რომ ავიდეს სამ დონეზე საწყისი საქაღალდედან doc_n , რომელიც შეიცავს ჰიპერბმულ დოკუმენტს, შემდეგ გადადით new_doc საქაღალდეში და გახსენით სამიზნე დოკუმენტი new_page.html

მაგალითად, შეგიძლიათ ჩამოტვირთოთ საგანმანათლებლო მინი-საიტი, რომელიც აშენებულია მთლიანად შედარებითი მისამართის საფუძველზე. ყურების შემდეგ, ექსპერიმენტი გააკეთეთ ახალი ბმულების, საქაღალდეების და გვერდების შეცვლით და შექმნით.

შედარებითი ჰიპერბმულებიძალიან მოსახერხებელია ბრაუზერზე დაფუძნებული ოფლაინ აპლიკაციების შემუშავებისას, როგორიცაა დამხმარე სახელმძღვანელო. თუმცა, გახსოვდეთ, რომ დოკუმენტის მიმდინარე საქაღალდიდან მეორეში გადატანისას, მასში არსებული ყველა ნათესავი ბმული შეწყვეტს მუშაობას. ამიტომ, მათ ხელახლა გადაწერა მოუწევთ. თუ ფარდობითი ბმულები მიუთითებს ფაილებზე, რომლებიც ასევე განლაგებულია მიმდინარე საქაღალდეში ან ქვესაქაღალდეებში, მაშინ ამ საქაღალდის სხვა ადგილას გადატანის შემდეგ, დოკუმენტის ყველა ბმული მუშაობს.

თუ თქვენ გჭირდებათ ბილიკების ფარდობითი დათვლა საიტის ფესვიდან, უნდა დაწეროთ ზოლი "/" ბილიკის დასაწყისში. მაგალითად, ბმული " მთავარი" მიუთითებს დოკუმენტზე, რომელიც მდებარეობს საიტის root საქაღალდეში (არა მიმდინარე!). გაითვალისწინეთ, რომ საიტის root-დან დათვლა მუშაობს მხოლოდ რეალური ვებ სერვერის კონტროლის ქვეშ. ლოკალურ სერვერზე, როგორიცაა მაგ. Xampp, თქვენ უნდა დაიწყოთ დათვლა root საქაღალდის სახელიდან.

ᲓᲐᲙᲐᲕᲨᲘᲠᲔᲑᲣᲚᲘ ᲡᲢᲐᲢᲘᲔᲑᲘ