რა არის HTML5 Placeholder ბმულები?
idUp სანამ HTML5, tag აქვს საჭირო ერთი ატრიბუტი: href. მაგრამ HTML5 ხდის კი ატრიბუტს სურვილისამებრ. როდესაც აკრიფეთ tag გარეშე ატრიბუტები მას უწოდებენ placeholder ბმული.
ჰოსტინგის ბმული ასე გამოიყურება:
წინაგამოყენების ადგილი ჰოლდინგის ბმულების დროს
თითქმის ყველა ვებ დიზაინერმა შეიმუშავა ჰოსტინგის ბმულები ერთ დროს ან სხვა დროს ვებსაიტის შექმნისა და მშენებლობის დროს. HTML5- ზე ადრე დავწერდით:
ბმული ტექსტიროგორც ადგილსამყოფელი. და მე გაგზავნილი mockup საიტები კლიენტებს იმ ადგილიholders მხოლოდ აქვს კლიენტს მკითხავთ "რატომ არ ბმულები ტექსტური მუშაობა?"
ჰოსტტაგის (#) გამოყენებით ჰოსტჰოლგის გამოყენებით პრობლემა ის არის, რომ ბმული არის clickable, და ეს შეიძლება გამოიწვიოს დაბნეულობა თქვენს კლიენტებს. და თუ ვინმეს ავიწყდება მათი სწორი URL- ის განახლება, ეს ბმულები გამოჩნდება პირდაპირ საიტზე, რადგან მათ არ უკავშირებენ არაფერს.
ამის ნაცვლად, თქვენ უნდა დაიწყოს გამოყენებით tags გარეშე ატრიბუტები. თქვენ შეგიძლიათ სტილის ეს გამოიყურებოდეს ნებისმიერი სხვა ბმული თქვენს გვერდზე, მაგრამ ისინი არ იქნება clickable რადგან ისინი მხოლოდ placeholders.
გამოყენებით ადგილი ბმულები ცოცხალი საიტები
მაგრამ პლატფორმის ბმულები ვებ-დიზაინში უფრო მეტია, ვიდრე მხოლოდ განვითარებას. ერთ-ერთი ადგილი, რომელსაც ჰოსტინგის ბმული შეუძლია, ნავიგაციაა. ხშირ შემთხვევაში, ვებ გვერდების ნავიგაციის სიები რამდენიმე გზაა იმისა, თუ რომელი გვერდით ხართ ეს ხშირად ეწოდება "თქვენ ხართ აქ" მაჩვენებლები.
ყველაზე საიტები დაეყრდნონ id ატრიბუტებს იმ ელემენტს, რომელიც საჭიროებს "აქ ხართ" მარკერს, მაგრამ ზოგი კლასში ატრიბუტს გამოიყენებს. თუმცა, ნებისმიერი ატრიბუტის გამოყენება, თქვენ უნდა გააკეთოთ რამოდენიმე მუშაობა ყველა გვერდზე, რომელსაც აქვს ნავიგაცია მასზე, დასძინა და მოხსნის ატრიბუტი საწყისი სწორი ელემენტები.
თუ ადგილსამყოფელი ბმულით შეგიძლიათ დაწეროთ თქვენი ნავიგაცია, თუმცა გინდათ, და უბრალოდ წაშალეთ href ატრიბუტი შესაბამისი ბმულიდან, როდესაც თქვენ დაამატებთ ნავიგაციას გვერდზე. მე შენახვა ჩემი მთელი ნავიგაციის სია როგორც snippet ჩემი რედაქტორი, ასე რომ მხოლოდ სწრაფი ასლი პასტა და შემდეგ წაშლა href. თქვენ ასევე შეგიძლიათ მიიღოთ თქვენი CMS იგივე.
და სპეციალური სტილის დამატებასთან ერთად (მე გაჩვენებთ, თუ როგორ ქვემოთ) ადგილსამყოფელის ბმულიდან, ბმული არ არის დაჭერილი. ასე რომ, მომხმარებელს არ იღებს დაბნეული ფიქრი, რომ მათ შეუძლიათ მიიღონ რაღაც თუ ისინი დააჭირეთ ნავიგაციის ბმული, სადაც ისინი ამჟამად.
სტილის ბლოკირების ბმულები
განათავსეთ ბმულები მარტივად სტილი და სტილი სხვანაირად სხვა ვებ-გვერდებზე. უბრალოდ დარწმუნდით, რომ სტილი და tag: ბმული ტეგით. მაგალითად:
{ფერი: წითელი; შრიფტის წონა: თამამი; ტექსტი-გაფორმება: არა; } a: ბმული {ფერი: ლურჯი; შრიფტის წონა: ნორმალური; ტექსტური გაფორმება: ხაზგასმა; }ეს CSS გახდის მასპინძელი ბმულები თამამი და წითელი, არ აღინიშნება. მიუხედავად იმისა, რომ რეგულარული კავშირები იქნება ნორმალური წონა, ლურჯი და ხაზგასმული.
გახსოვდეთ, რომ ნებისმიერი სტილის გადატვირთვა არ გინდა, რომ ტოკიდან გადავიტანოთ. მაგალითად, მე ვაყენებ შრიფტის წონა თამამი ბლანკებისთვის, ამიტომ უნდა ვაყენო:
შრიფტის წონა: ნორმალური;სტანდარტული ბმულებისთვის. იგივე შეესაბამება ტექსტურ-გაფორმებას, მოხსენით მასთან ერთად, ის ამოღებულ იქნებოდა: ბმული სელექტორისთვის, თუ არ დავბრუნდებოდი.