ნაბიჯები წაშლის ხაზგასმით ტექსტური ბმულები და საკითხები უნდა იცოდეს
თავდაპირველად, ტექსტის შინაარსი, რომელიც დაკავშირებულია HTML- ზე ან "წამყვანის" ელემენტის გამოყენებით, ეყრდნობა ხაზგასმით. Oftentimes, ვებ დიზაინერები აირჩიოს ამოიღონ ეს სტანდარტული სტილის მიერ მოხსნის underline.
ბევრი დიზაინერი არ ითვალისწინებს ხაზგასმული ტექსტის სახეს, განსაკუთრებით ხშირი ბმულების შინაარსით. ყოველივე ზემოთქმული სიტყვები მართლაც დაარღვევს დოკუმენტის მოსმენას. ბევრმა ამტკიცებს, რომ ისინი ხაზს უსვამენ სიტყვებს უფრო ადვილად გამოსაყოფად და წაიკითხონ, რადგან ხაზს უსვამენ ცვლილებებს ბუნებრივი წერილობითი ფორმით.
არსებობს ლეგიტიმური შეღავათები, რომ შეინარჩუნოს ტექსტური ბმულები. მაგალითად, როდესაც თქვენ დაინახავთ მეშვეობით დიდი ბლოკები ტექსტი, ხაზგასმული ბმულები ერთად შესაბამისი ფერი განსხვავებით გაადვილება მკითხველს დაუყოვნებლივ სკანირების გვერდზე და ვნახოთ, სადაც ბმულები. თუ გაეცანით ვებ-გვერდს, რომელიც აქვეყნებს ვებ-გვერდს, ისევე როგორც სხვა სტატიები საიტზე, ნახავთ ამ სტილის ხაზს.
თუ თქვენ გადაწყვეტთ ტექსტის ამოღების გადაწყვეტილებას (მარტივი პროცესი, რომელიც ცოტა ხანში დავფარავთ), დარწმუნდით, რომ იპოვოთ სტილი, რომ ტექსტი კვლავ განსხვავდება იმაზე, თუ რა არის ბმული ბროშური ტექსტი. ეს ყველაზე ხშირად კეთდება აღნიშნული ფერის კონტრასტით, მაგრამ ფერადი სიბრტყევით მხედველობაში მიაქვს სტუმრებისთვის პრობლემის გამოვლენა. განსხვავებით მათი ფერადი სიბრმავე, განსხვავებით შეიძლება მთლიანად დაკარგა მათზე, თავიდან აცილება მათ შორის განსხვავება დაკავშირებულ და დაუსაბუთებელ ტექსტს შორის. სწორედ ამიტომ ხაზგასმული ტექსტი კვლავ განიხილება ბმულების საჩვენებლად საუკეთესო საშუალება.
ასე რომ, როგორ გამოიქცევიან ხაზგარეშე თუ კვლავ გსურთ ამის გაკეთება? ვინაიდან ეს არის ვიზუალური მახასიათებელი, ჩვენ ვფიქრობთ, რომ ჩვენი ვებ-გვერდის ნაწილი გავხდებით, რომელიც ყველაფერს ვიზრუნავს ვიზუალური CSS- ში.
გამოიყენეთ კასკადური სტილი ცხრილები, რომლებიც ხაზს უსვამენ ბმულების ხაზს
უმეტეს შემთხვევაში, თქვენ არ ეძებთ ხაზგასასმელად მხოლოდ ერთი ტექსტური ბმულიდან. ამის ნაცვლად, თქვენი დიზაინის სტილის სავარაუდოდ, თქვენ უნდა ამოიღონ ხაზგარეშე ყველა ბმულები.თქვენ ამას ამით სტილის თქვენს გარე სტილის ფურცელს.
ტექსტის გაფორმება: არა; }ის არის! CSS- ის ერთი მარტივი ხაზი ხაზს უსვამს ხაზს (რომელიც სინამდვილეში იყენებს CSS- ის ტექსტს "ტექსტურ-გაფორმებისთვის") ყველა ბმულზე.
ამ სტილიც შეიძლება უფრო კონკრეტული იყოს. მაგალითად, თუ გინდა მხოლოდ "nav" ელემენტის შიგნით ხაზების ან ბმულების გამორთვა, შეგიძლიათ დაწეროთ:
nav a {ტექსტური გაფორმება: არა; }ახლა, ტექსტური ბმულები გვერდზე მიიღებდნენ default underline, მაგრამ იმ nav იქნებოდა ამოღებულ.
ერთი რამ ბევრი ვებ დიზაინერი აირჩიოს გავაკეთოთ არის ჩართოთ ბმული უკან "შესახებ" როდესაც ვინმე hovers მეტი ტექსტი. ეს მოხდება: hover CSS ფსევდო კლასში, როგორიცაა:
ტექსტის გაფორმება: არა; } a: hover {ტექსტური გაფორმება: ხაზგასმული; }გამოყენება Inline CSS
როგორც ალტერნატივა ცვლილებების გარე სტილის, თქვენ ასევე შეგიძლიათ დაამატოთ სტილის პირდაპირ ელემენტს თავად HTML, როგორიცაა:
ეს ბმული არ აქვს ხაზგასმულიპრობლემა ამ მეთოდით არის ის, რომ ის განათავსებს სტილი ინფორმაციას თქვენს HTML სტრუქტურაში, რაც არ არის საუკეთესო პრაქტიკა. სტილი (CSS) და სტრუქტურა (HTML) უნდა იყოს დაცული ცალკე.
თუ თქვენ სურდა, რომ საიტის ყველა ბმულები გათიშვა, დაამატეთ ამ სტილის ინფორმაცია ინდივიდუალურ საფუძველზე თითოეულ ლინკზე, რაც ნიშნავს იმას, რომ თქვენი საიტების კოდი დაემატება დამატებით მარკირებას. ეს გვერდი bloat შეიძლება შეანელებს საიტი დატვირთვის დრო და საერთო გვერდზე მართვა ბევრად უფრო რთული. ამ მიზეზების გამო, სასურველია, ყოველთვის გამოვიდეს გარე სტილის ფურცელი ყველა გვერდი სტილის საჭიროებისათვის.
დახურვა
მარტივი როგორც ვებ-გვერდის ტექსტური ბმულებისგან ხაზის ამოღება, ასევე უნდა იმოქმედოს ამის გაკეთების შედეგების შესახებ. მიუხედავად იმისა, რომ მას შეუძლია მართლა გაწმენდა გვერდზე სახე, მას შეუძლია ამის გაკეთება ხარჯზე საერთო გამოყენებადობა. ამის გათვალისწინებით, მომდევნო დროს განიხილეთ გვერდის "ტექსტური დეკორაციის" თვისებების შეცვლა.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია 9/19/16 by Jeremy Girard