განცალკევების შინაარსი დიზაინი საიტის მართვის მარტივია
CSS (Cascading Style Sheets) გახდა დე ფაქტო გზა სტილი და წამოაყენონ out საიტებზე. დიზაინერები იყენებენ სტილისტებს ბრაუზერის გასარკვევად , თუ როგორ უნდა გამოიყურებოდეს ნახვა და იგრძნონ ნახვა, რომელიც მოიცავს ისეთი ფაქტორებს, როგორიცაა ფერი, ინტერვალი, შრიფტები და სხვა.
CSS სტილის შეიძლება განთავსდეს ორი გზა:
- Inline - ვებ-გვერდის კოდირების ფარგლებში, ინდივიდუალურად, ელემენტის ელემენტის საფუძველზე
- Standalone CSS დოკუმენტი, რომელსაც ნახვა უკავშირდება
საუკეთესო პრაქტიკის CSS
"საუკეთესო პრაქტიკა" არის ვებსაიტის დიზაინისა და მშენებლობის მეთოდები, რომლებიც დადასტურებულია, რომ ყველაზე ეფექტურად იყვნენ და მუშაობენ სამუშაოს ყველაზე მეტად. ვებ-დიზაინში CSS- ზე მათ ეხმარება ვებ-გვერდების ნახვა და ფუნქციონირება. ისინი განვითარდა წლების განმავლობაში სხვა ვებ ენებზე და ტექნოლოგიებთან ერთად და სტენოტალური CSS სტილის გამოყენება გახდა სასურველი მეთოდი.
შემდეგ საუკეთესო პრაქტიკის CSS შეიძლება გააუმჯობესოს თქვენი საიტი შემდეგ გზები:
- გამოყოფს კონტენტიდან დიზაინი. CSS- ის ერთ-ერთი მთავარი მიზანი არის HTML- ის დიზაინის ელემენტების ამოღება და სხვა ადგილას მოთავსება დიზაინერისთვის. ეს ასევე ემსახურება დიზაინერებისაგან დეველოპერებს, რათა თითოეული მათგანი ფოკუსირება გაუწიოს ექსპერტიზის სფეროებს. დიზაინერი არ უნდა იყოს დეველოპერი, რათა შეენარჩუნებინა ნახვა ნახვა.
- აადვილებს შენარჩუნება ადვილია. ვებ დიზაინის ერთ-ერთი ყველაზე შეუმჩნეველი ელემენტია შენარჩუნება. ბეჭდური მასალებისგან განსხვავებით, ვებსაიტი არასდროს "ერთია და გაკეთებულია". შინაარსი, დიზაინი და ფუნქცია შეიძლება და დროთა განმავლობაში განვითარდეს. CSS- ის მქონე ცენტრალურ ადგილას, ვიდრე ნახვა მთელ საიტზე, რაც ბევრად უფრო ადვილია, რომ შეინარჩუნოს.
- შეინახავს თქვენს საიტზე ხელმისაწვდომი. CSS სტილების გამოყენება ხელს უწყობს საძიებო სისტემებსა და უნარშეზღუდულ პირებს თქვენს საიტზე.
- ინარჩუნებს თქვენს ვებ-გვერდს. გამოყენებით საუკეთესო პრაქტიკის CSS, თქვენ adhering სტანდარტებს, რომლებიც დამტკიცებული სტაბილური მაგრამ მოქნილი საკმარისი განსახლება შეიცვალოს ვებ დიზაინი გარემოს.
Inline Styles არ არის საუკეთესო პრაქტიკა
Inline სტილის, ხოლო მათ აქვთ მიზანი, ზოგადად არ არის საუკეთესო გზა შენარჩუნება თქვენი ნახვა. ისინი ერთ-ერთი საუკეთესო პრაქტიკის წინააღმდეგ იბრძვიან:
- შემცველი სტილის არ არის შემუშავებული შინაარსი დიზაინი. Inline სტილის ზუსტად იგივე როგორც ჩანერგილი შრიფტი და სხვა clunky დიზაინი tags, რომ თანამედროვე დეველოპერები სარკინიგზო წინააღმდეგ. სტილზე გავლენას ახდენს მხოლოდ კონკრეტული, ინდივიდუალური ელემენტები, რომელთა გამოყენებაც გამოიყენება; ხოლო რაც უფრო გრანულ კონტროლს მოგცემთ, იგი ასევე ქმნის დიზაინისა და განვითარების სხვა ასპექტებს - როგორიცაა თანმიმდევრულობა - უფრო რთულია.
- Inline სტილის იწვევს შენარჩუნება თავის ტკივილი. როდესაც თქვენ მუშაობთ სტილისტებით, მჭიდროდაა გამოხატული, სადაც სტილი კომპლექტი შეიძლება იყოს რთული. როდესაც თქვენ ჩართვით ნარევი inline, ჩანერგილი და გარე სტილის , თქვენ გაქვთ ბევრი ადგილას შემოწმება. თუ თქვენ მუშაობთ ვებ დიზაინი გუნდი ან უნდა შეიმუშაოს ან შენარჩუნება საიტი მიერ აშენებული ვინმეს, მაშინ თქვენ აპირებს კიდევ უფრო უბედურება. მას შემდეგ, რაც თქვენ სტილი და შეცვლის, თქვენ უნდა გავაკეთოთ ისე ყველა ელემენტს ყველა გვერდზე, სადაც იგი განთავსებული. ეს ზრდის დროსა და სამუშაო ბიუჯეტებს ასტრონომიულად.
- Inline სტილის არ არის ხელმისაწვდომი. მიუხედავად იმისა, რომ თანამედროვე ეკრანის მკითხველს ან სხვა დამხმარე მოწყობილობას შეუძლია ინკლუზიური ატრიბუტებისა და ტეგების ეფექტურად მართვა შეუძლია, ხანდახან ხანდაზმული მოწყობილობები არ შეუძლიათ, რამაც შეიძლება გამოიწვიოს უცნაურად გამოკვეთილი ვებ-გვერდები. დამატებითი სიმბოლოები და ტექსტი შეიძლება გავლენა იქონიოს იმაზე, თუ როგორ მოიძებნა თქვენი გვერდი საძიებო სისტემა რობოტიც, ასე რომ თქვენი გვერდი არ აკეთებს ასევე საძიებო სისტემებში ოპტიმიზაციის თვალსაზრისით (SEO).
- Inline სტილის თქვენი გვერდების უფრო დიდი. თუ გსურთ ყველა პუნქტი თქვენს საიტზე გარკვეულწილად გამოჩნდეს, შეგიძლიათ ამის გაკეთება კიდევ ერთხელ გააკეთოთ ექვსი სტრიქონით, ანუ კოდით გარე სტილით. თუ ამას შინაგანაწესით აკეთებთ, თქვენ უნდა დაამატოთ ეს სტილი თქვენს საიტზე ყველა პუნქტში. თუ თქვენ გაქვთ ხუთი ხაზი CSS, ეს არის ხუთი ხაზი გამრავლებული ყველა პუნქტის თქვენს საიტზე. ეს სიჩქარე და დატვირთვის დრო შეიძლება დაამატოთ up ჩქარობს.
ალტერნატივა ინლაინური სტილისთვის: გარე სტილისტები
ნაცვლად გამოყენების სტილის გამოყენების გარეშე გამოიყენეთ გარე სტილები . ისინი მოგცემთ ყველა უპირატესობას CSS- ის საუკეთესო პრაქტიკას და ადვილად გამოსაყენებლად. ამ გზით მოქმედებენ თქვენს საიტზე გამოყენებული ყველა სტილის ტიპი ცალკე დოკუმენტში, რომელიც შემდეგ კოდის ერთ ხაზს უკავშირდება ვებ-გვერდს. გარე სტილები გავლენას ახდენს ნებისმიერი დოკუმენტით, რომლებიც მათ ერთვის. ეს იმას ნიშნავს, რომ თუ თქვენ გაქვთ 20 გვერდიანი ვებ გვერდი, რომელშიც თითოეული გვერდი იყენებს იმავე სტილისტს - რაც, როგორც წესი, ხდება, შეგიძლიათ შეცვალოთ ყველა იმ გვერდს, რომელიც მხოლოდ ამ სტილის რედაქტირებით ერთ ადგილას. შეცვლის სტილის ერთ ადგილზე არის უსასრულოდ უფრო მოსახერხებელი, ვიდრე ეძებს, რომ კოდირების ყველა გვერდზე თქვენი ნახვა. ეს ხდის გრძელვადიანი საიტის მართვის ბევრად უფრო ადვილია.