ერთი ტეგები, რომლითაც თქვენ შეისწავლით ადრე თქვენს ვებ დიზაინის განათლებას, არის წყვილი tags ცნობილია როგორც "აქცენტი tags." მოდით შევხედოთ რა არის ეს ტეგები და როგორ იყენებენ ვებ-დიზაინს დღეს.
თავში XHTML
თუ შეიტყვეთ HTML წლის წინ, ასევე HTML5- ის ზრდის წინ, ალბათ, როგორც თამამი და ისლიკის ტეგები გამოიყენება. როგორც თქვენ მოველით, ეს ტეგები, როგორც წესი, თამამად ტექსტს ან ტექსტურულ ტექსტს მიმართავდნენ. პრობლემა ამ tags და რატომ ისინი აიძულა განზე სასარგებლოდ ახალი ელემენტები (რომელიც ჩვენ შევხედავთ ცოტა ხნით), ის არის, რომ ისინი არ არიან სემანტიკური ელემენტები. ეს იმიტომ, რომ ისინი განსაზღვრავენ, თუ როგორ უნდა გამოიყურებოდეს ტექსტი ტექსტის შესახებ. გახსოვდეთ, HTML (სადაც ეს ტეგები დაიწერება) არის ყველაფერი სტრუქტურაზე, არ ვიზუალური სტილით! ვიზუალური ხორციელდება CSS და ვებ დიზაინი საუკეთესო პრაქტიკა უკვე დიდი ხანია გამართავს, რომ თქვენ უნდა ჰქონდეს ნათელი გამიჯვნა სტილი და სტრუქტურა თქვენს ვებ გვერდებზე. ეს იმას ნიშნავს, რომ არ არის ელემენტარული ელემენტები, რომლებიც არაა სემანტიკური და რომელი დეტალურადაა გამოხატული, ვიდრე სტრუქტურა. სწორედ ამიტომ თამამი და დახრილი ტეგები ზოგადად შეიცვალა ძლიერი (თამამი) და აქცენტით (ეტიკეტი).
& lt; strong & gt; და & lt; em & gt;
ძლიერი და აქცენტი ელემენტები თქვენს ტექსტს აწვდის ინფორმაციას, რომელიც დეტალურადაა განხილული, რაც განსხვავებულად უნდა იქნას გამოყენებული და ხაზგასმით აღინიშნოს ეს შინაარსი. თქვენ იყენებთ ამ ელემენტებს საკმაოდ ბევრად, ისევე როგორც წარსულში თამამი და დახასიათება. მარტივად რომ ვთქვათ ტექსტის გახსნა და დახურვა tags ( და აქცენტი და და ძლიერი აქცენტი) და თანდართული ტექსტი იქნება ხაზგასმული.
თქვენ შეგიძლიათ ბუდე ეს ტეგები და არ აქვს მნიშვნელობა, რომელიც გარე tag. აი ზოგიერთი მაგალითი.
ეს ტექსტი ხაზგასმით აღინიშნება და ბევრი ბრაუზერის გამოჩენა, როგორც იტალიური. ეს ტექსტი მკაცრად ხაზგასმით აღინიშნება და უმეტესობა ბრაუზერის სახით გამოჩნდება.ორივე ამ მაგალითში, ჩვენ არ ვიკვლევთ ვიზუალური სახე HTML- სთან. დიახ, tag- ის ნაგულისხმები გამოჩენა იქნება იტალიური და იქნება თამამი, მაგრამ ეს გამოიყურება ადვილად შეიძლება შეიცვალოს CSS- ში. ეს არის საუკეთესო ორივე სამყარო. თქვენ შეგიძლიათ ბერკეტი ბრაუზერის სტილის მისაღებად, რათა მიიღოთ დახრილი ან გაბედული ტექსტი თქვენს დოკუმენტში ისე, რომ არ გადაკვეთოთ ხაზი და შერეული სტრუქტურა და სტილი. თქვით, რომ ტექსტი არა მარტო გაბედული იყოს, არამედ წითელიც, შეგიძლიათ დაამატოთ ეს CSS
ძლიერი {
ფერი: წითელი;
}
ამ მაგალითში, თქვენ არ უნდა დაამატოთ ქონების თამამი შრიფტის წონა, რადგან ეს არის ნაგულისხმევი. თუ არ გინდა რომ შანსი არ დატოვოთ, თქვენ ყოველთვის შეგიძლიათ დაამატოთ ის:
ძლიერი {
შრიფტის წონა: თამამი;
ფერი: წითელი;
}
ახლა თქვენ გექნებათ ყველა, მაგრამ გარანტირებული აქვს გვერდზე გაბედული (და წითელი) ტექსტი სადაც არ არის tag გამოიყენება.
გაორმაგება Up აქცენტი
ერთი რამ მე დავინახე წლის განმავლობაში, თუ რა მოხდება, თუ თქვენ ცდილობენ გაორმაგდეს up აქცენტი. მაგალითად:
ეს ტექსტი უნდა შეიცავდეს მას გაბედული და გაყალბებული ტექსტს.თქვენ ფიქრობთ, რომ ეს ხაზი იმ ტერიტორიას შექმნის, რომელსაც აქვს თხრილი და დახასიათება. ზოგჯერ ეს მართლაც მოხდება, მაგრამ მე მინახავს ზოგიერთი ბრაუზერი მხოლოდ ორი აქცენტითა სტილის მეორე პატივისცემას, ერთი ყველაზე ახლოს არის ფაქტობრივი ტექსტით, და მხოლოდ ეს გამონათქვამია. ეს არის ერთ-ერთი მიზეზი, რის გამოც აქცენტი აქცენტი არ არის.
კიდევ ერთი მიზეზი, რომ თავიდან იქნას აცილებული ეს "გაორმაგება" არის სტილისტური მიზნებისათვის. ერთი ფორმა აქცენტი, თუ ჩვეულებრივ საკმარისია გადმომეცა ტონი გსურთ დააყენოთ. თქვენ არ გჭირდებათ თამამი, დახასიათება, ფერი, გაფართოება და ხაზგასმა ტექსტი, რათა ის გამოირჩევა. ეს ტექსტი, ყველა განსხვავებული აქცენტი იქნება, გახდება გარსირებული. ასე რომ ფრთხილად იყენებთ აქცენტი tags ან CSS სტილის უზრუნველყოს აქცენტი და არ overdo იგი.
შენიშვნა გაბედული და დახრილი
ერთი საბოლოო აზრი - თამამი () და დახრილი () ტეგები აღარ გამოიყენება რეკომენდირებული ელემენტებით, არსებობს ვებ დიზაინერები, რომლებიც გამოიყენებენ ამ ტეგებს ტექსტის სტილის შიგნით. ძირითადად, ისინი იყენებენ მას, როგორც ელემენტს. ეს სასიამოვნოა, რადგან tags ძალიან მოკლეა, მაგრამ ამ ელემენტების გამოყენება, როგორც წესი, არ არის რეკომენდირებული. მე აღვნიშნო იმ შემთხვევაში, თუ თქვენ ხედავთ, რომ არსებობს გარკვეული საიტებზე, რომლებიც არ იყენებენ თამამად ან დახვეწილ ტექსტს, მაგრამ სხვა სახის ვიზუალური სტილისთვის CSS Hook- ის შექმნაა.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 12/2/16.