ძველი HTML ელემენტების ჩათვლით და ისეთებიც, რომლებიც ახალია HTML5
მიუხედავად იმისა, რომ მისი განვითარება მრავალი წლის წინ დაიწყო, HTML5 პირველად 2010 წელს ვებ დიზაინერებთან / დეველოპერებთან საერთო გამოყენება დაიწყო. კარიბჭის მარჯვენა ენაზე ენა ბევრ ვებ-პროფესიონალს იცნობდა, რადგან ნაცვლად იმისა, აშენდა რა მოხდა ადრე. ვინც შეიცნო HTML 4.01 სწრაფად აღმოაჩინა, რომ საკმაოდ ცოტა ვერსია შეიძლება ახლა ნაპოვნი HTML5.
მიუხედავად იმისა, რომ HTML5 შეიცავს ბევრ ელემენტებს, რომლებიც HTML- ში ცოტა ხნის განმავლობაში იმყოფებოდნენ, ის ასევე შემოიფარგლა რამდენიმე ელემენტისა, რომელიც ახალია HTML5. ბევრი ამ ახალი ელემენტისთვის გამოიყენებოდა მიდგომა, რომელსაც "cowpaths- ის შენახვა" ჰქონდა გამოყენებული. ეს არის ტერმინი, რომელიც საყოველთაოდ იყენებს IT- ს არსებითად იმისთვის, რომ შევხედოთ იმას, რასაც ხალხი უკვე აკეთებს და აკეთებს ამას. ვებ დიზაინერების შემთხვევაში, ეს იმას ნიშნავდა, თუ როგორ იცავდნენ ისინი გვერდებზე და ამ ღონისძიებების შესახებ ახალ ელემენტებზე გადაწყვეტილებების მიღებას. მაგალითად, ბევრი ვებ პროფესიონალები შექმნიან საიტებზე დაყოფებს, რომლებიც იყენებენ ID- ს ან კლასს "header", "nav" და "footer". როგორც ასეთი, HTML5 გააცნო ეს ახალი ელემენტები, რომელიც საშუალებას აძლევს ვებ პროფესიონალებს უფრო მეტი მნიშვნელობა მიანიჭონ თავიანთ დოკუმენტებს, მხოლოდ ცალკეული ნაწილის ნაცვლად განყოფილების ელემენტების გამოყენებით. ეს კომბინაცია კარგად და მიდგომა, რომ აღიარებული მიმდინარე პრაქტიკა დაეხმარა HTML5 სწრაფად მოიცვა მიერ ვებ დიზაინი ინდუსტრიაში.
HTML5 დოქტრიტი
პირველ რიგში, გამოიყენოთ ნებისმიერი ახალი HTML5 ელემენტები, თქვენს დოკუმენტში უნდა შეიცავდეს HTML5 დოქტრიტი, რომელიც არის:
თქვენ შეგიძლიათ შეამჩნევთ, რომ ეს დოქტრიტი არ არის კონკრეტულად "HTML5", მაგრამ უბრალოდ ნათქვამია ვერსია "html". ეს იმიტომ ხდება, რომ ეს დოქტრიტი არის ის, რაც მიზნად ისახავს გამოყენებულ იქნას ენის ყველა გამეორებასთან დაკავშირებით.
სინამდვილეში, HTML5 უნდა იყოს ენობრივი ბოლო ვერსია, მომავალში ახალი ცვლილებები შეესაბამება თანმიმდევრულად. სინამდვილეში, ქვემოთ მოცემულ სიაში შეყვანილი ელემენტების ზოგიერთი ელემენტი 2010 წლის დასაწყისშივე იმ ენაზეც დაემატა!
HTML5 ტეგები
| საკვანძო | განმარტება |
|---|---|
| წამყვანი ან ბმული | |
| abbr> | აბრევიატურა |
| <მისამართი> მისამართი> | მისამართი ან ავტორის დოკუმენტი |
| კლიენტის მხარის სურათი რუკა | |
| | მუხლი |
| Tangential შინაარსი | |
| აუდიო ნაკადი | |
| b> | გაბედული |
| | ბაზის URI ბილიკები დოკუმენტში ელემენტებისათვის |
| bdo> | ბი-მიმართულების ალგორითმი |
blockquote> | ხანგრძლივი ციტატა |
| body> | სხეულის გვერდი |
| | ხაზის შესვენება |
| HTML ფორმა ღილაკი | |
| ტილო დინამიური გრაფიკისთვის | |
| კომენტარი | |
| | მაგიდის წარწერა |
| cite> | ციტირება |
code> | კოდი მითითება |
| | მაგიდის სვეტი |
| | მაგიდის სვეტის დაჯგუფება |
| | ბრძანება ან ქმედება გვერდზე |
| დოკუმენტის ტიპის განმარტება | |
| | მონაცემთა ბადე |
| წინასწარ განსაზღვრული პარამეტრები სხვა კონტროლისთვის | |
| | განმარტება სიაში აღწერა ან span of დისკურსი |
| | წაიშალა ტექსტი |
| details> | დამატებითი მოთხოვნის შესახებ ინფორმაცია |
| dfn> | განმარტება |
| საუბარი | |
| div> | ლოგიკური განყოფილება |
| აღწერა სია |
| | განმარტება სიის ან დიალოგის სპიკერი |
| em> | აქცენტი |
| ჩაშენებული ელემენტის დანამატები | |
| ფორმა აკონტროლებს ჯგუფს | |
| | სუბტიტრი გამოიყენება |
| | ფიგურა სურვილის მქონე სუბტიტრით |
| გვერდის კარადა | |
| ფორმა | |
h1> | პირველი დონე სათაური |
h2> | მეორე დონის სათაურით |
h3> | მესამე დონე სათაური |
h4> | მეოთხე დონის სათაური |
h5> | მეხუთე დონის სათაურით |
h6> | მეექვსე დონის სათაური |
| head> | დოკუმენტის უფროსი |
| | ჰედერის გვერდი |
| hgroup> | სასაქონლო ჯგუფი |
| | ჰორიზონტალური წესი |
| html> | ვებ-გვერდის Root ელემენტი |
| i> | ტექსტის სტილი |
| Inline ჩარჩო | |
| | გამოსახულება |
| შეყვანის ფორმა ელემენტს | |
| ღილაკის ფორმის ელემენტი | |
| Checkbox- ის ელემენტის ელემენტი | |
| ფერის შეყვანა | |
| თარიღის შეყვანის თარიღი | |
| გლობალური თარიღი და დრო შეყვანა | |
| ადგილობრივი თარიღი და დრო შეყვანა | |
| ელფოსტის მისამართის შეყვანა | |
| ფაილის ატვირთვის ფორმა ელემენტს | |
| დამალული ფორმა ველი ელემენტი | |
| გამოსახულების ფორმის ელემენტი | |
| წელი და თვე შეყვანა | |
| ნომრის შეყვანა | |
| პაროლი ფორმის ელემენტი | |
| რადიო ღილაკის ფორმის ელემენტი | |
| გაანგარიშების რიცხვის შეყვანა | |
| ღილაკის ფორმის ელემენტის რესეტი | |
| ძიების ველი | |
| ღილაკის ფორმის ელემენტის გაგზავნა | |
| ტელეფონის ნომერი შეყვანა | |
| ტექსტის ველი ელემენტის ელემენტი | |
| დრო შეყვანა | |
| URL შეყვანა | |
| წელი და კვირის შეყვანა | |
| ები> | ჩასმული ტექსტი |
| kbd> | ტექსტის შეყვანა მომხმარებლის მიერ |
| | გენერირება უსაფრთხო გასაღებები სერტიფიკატის მართვა |
| ფორმა ლეიბლი | |
| <ლეგენდა> ლეგენდა> | ფორმა fieldset წარწერა |
| | სიის ნომერი |
| დაკავშირებული დოკუმენტებთან დაკავშირება | |
| | გვერდის შინაარსის ძირითადი არეალი |
| კლიენტის მხარის სურათი რუკა | |
| mark> | აღინიშნა ან ხაზგასმული ტექსტი |
| ბრძანებების სია | |
| მეტა ინფორმაცია დოკუმენტის შესახებ | |
| | სკალარული ლიანდაგი |
| განსაზღვრეთ ის ტერიტორია, სადაც ნავიგაციის ბმულებია | |
| კონტენტი, როდესაც სკრიპტები არ არის ხელმისაწვდომი | |
| არასტანდარტული ობიექტი | |
| უბრძანა ან დანომრილი სია |
| შერჩეული სიის პარამეტრების ჯგუფი | |
| ვარიანტი შერჩეულ სიაში | |
| ფორმის გაანგარიშების შედეგი | |
| p> | პუნქტი |
| ობიექტის ელემენტის პარამეტრი | |
| <წინა> წინ> | წინასწარი ფორმატირებული ტექსტი |
| <პროგრესი> პროგრესი> | პროგრესის ინდიკატორი |
q> | მოკლე შინაგანი ციტატა |
| რუბის ფრჩხილებში | |
| Ruby ტექსტი | |
| ruby> | Ruby ანოტაცია |
| | ტექსტის გატეხვა |
| Samp> | ნიმუშის გამომუშავება |