HTML ცხრილები ადვილად შეიქმნება ერთხელ, როცა გესმის სვეტებისა და სვეტების საფუძვლები - და კიდევ ერთხელ გესმით, როდის მოხდება მაგიდის გამოყენება და როცა თავიდან უნდა ავიცილოთ ისინი.
მოკლე ისტორია მაგიდები და ვებ დიზაინი
მრავალი წლის წინ, CSS- ისა და ვებ-სტანდარტების მისაღებია, ვებ დიზაინერებმა გამოიყენეს HTML
ელემენტის შექმნა გვერდის განლაგებისათვის. საიტი დიზაინის იქნება "დაჭრილი" შევიდა პატარა ნაჭრები, როგორიცაა თავსატეხი და შემდეგ ერთად HTML მაგიდასთან გაწევა ბრაუზერის განკუთვნილი. ეს იყო ძალიან რთული პროცესი, რომელიც შექმნა უამრავი დამატებითი HTML მარკირების და რომელიც არასდროს არ იქნება გამოსადეგი დღეს მრავალ ეკრანზე მსოფლიოში ჩვენს საიტებზე ცხოვრობენ . რადგანაც CSS გახდა ვებ-გვერდების ვიზუალური და განლაგების მიღებული მეთოდი, ამის მაგივრად გამოიყენებოდა ცხრილები და ბევრი ვებ დიზაინერი შეცდომით სჯეროდა, რომ "მაგიდები ცუდი იყო". ეს იყო და ტყუილია. ცხრილისთვის განკუთვნილი მაგიდები ცუდია, მაგრამ მათ აქვთ ვებ-დიზაინსა და HTML- ში ადგილი, კერძოდ, ცხრილის მონაცემების ჩვენება მატარებლის გრაფიკის კალენდარში. ამ შინაარსისთვის, მაგიდის გამოყენებით ჯერ კიდევ მისაღები და კარგი მიდგომაა.
ასე როგორ განლაგებულია მაგიდა? დავიწყოთ მხოლოდ 2x2 მაგიდის შექმნა. ეს იქნება 2 სვეტი (ეს არის ვერტიკალური ბლოკები) და 2 რიგები (ჰორიზონტალური ბლოკები). 2X2 მაგიდის აშენების შემდეგ, თქვენ შეგიძლიათ შექმნათ ნებისმიერი ზომის მაგიდა, რომელიც გსურთ უბრალოდ დამატებითი რიგების ან სვეტების დამატება.
სირთულე: საშუალო
საჭირო დრო: 10 წუთი
აი როგორ:
- მაგიდა გახსნა მაგიდაზე
- გახსენით პირველი რიგი tr tag
- გახსენით პირველი სვეტი td tag
- დაწერეთ უჯრედის შინაარსი
- დახურეთ პირველი საკანში და გახსენით მეორე
- ჩაწერეთ მეორე საკანში არსებული შინაარსი
- დახურეთ მეორე უჯრედი და დახურეთ row
- დაწერე მეორე რიგის ზუსტად ისე, როგორც პირველი
| | - შემდეგ დახურეთ მაგიდა
თქვენ ასევე შეგიძლიათ აირჩიოთ ცხრილის სათაურები თქვენს მაგიდასთან | ელემენტის გამოყენებით. ეს ცხრილის სათაურები ჩაანაცვლებს ან "მაგიდის მონაცემებს" პირველ ცხრილის რიგში, როგორიცაა:
| სახელი | როლი | | ჯერემი | დიზაინერი < td> Jennifer | შემქმნელი | როდესაც ეს გვერდი ბრაუზერში გაეგზავნება, ცხრილის სათაურებით პირველ რიგში გამოჩნდება თამამი ტექსტით და ისინი მაგიდის საკანში განთავსდება.
ასე რომ, არის თუ არა OK გამოიყენოს მაგიდები HTML- ში? დიახ - ისე, სანამ არ იყენებთ მათ განლაგებას. თუ საჭიროა tabular ინფორმაცია, მაგიდა არის ამის გაკეთება გზა. სინამდვილეში, მაგიდის თავიდან ასაცილებლად, არასწორი სიწმინდის გამო, ამ ლეგიტიმური HTML ელემენტის გამორთვაა, როგორც უკან, როგორც ამ დღეს და ასაკში განლაგების მიზეზით.
დაწერილი Jennifer Kyrin. რედაქტირებულია Jeremy Girard on 8/11/16
| | |