Դաս 15: HTML5

0

Այս դասի ընթացքում դուք ավելի լավ կհասկանաք HTML5-ի հիմունքները։

HTML5: Վերջին տարբերակ

Առաջ շարժվելով ասենք, որ HTML չի լինի կցված տարբերակող թվանշան։ Այժմ մենք տարբերակում են հինը նորից օգտագործելով “5” համարանիշը, սակայն շուտով դրա կարիքը չի լինի, քանի որ HTML-ը քայլ առ քայլ կզարգանա և կդառնա ստանդարտ։

Այժմ, տարբերություն չնչին է, թե HTML-ի որ տարբերակն եք օգտագործում։ Ոչ մի բրաուզեր չի աջակցում ամեն ինչ HTML5-ից, բայց բոլորն էլ աջակցում են դրանցից որոշները: Այդ իսկ պատճառով HTML կոդը միշտ պետք է ստուգել տարբեր բրաուզերներում և տեսնել, թե ինչ տեսք այն ունի։

 Թեգերը այն են, ինչ նշանակում են

Ամենամեծ փոփոխությունը HTML5-ում այն է, որ մենք այժմ ունենք թեգերի մի խուրձ, որոնք նշանակում են այն, ինչ ասում են։ Այսպիսով <header>-ը էջի գլխավոր վերնագիրն է, <footer> – ը է ներքևի տեքստը <article>-ը  … այո, դուք գուշակեցիք, այն օգտագործվում է հոդվածի դեպքում, որը կարող է լինել ցանկացած տեքստի կտոր, որը կոչված է լինել ավտոնոմ, ինչպես օրինակ՝ բլոգը, ամսագրի հոդվածը, կամ որևէ այլ բան, որը իրենից ներկայացնում է ամբողջական տեքստի կտոր:  Audio, video – դրանք բոլորը նշանակում են, թե այն, ինչ իրականում պիտակավորվում են:

Սրանք կոչվում են semantic (այսինքն իմաստային) թեգեր։ Ընդհանրապես, փորձեք օգտագործել թեգեր, որը համապատասխանում են բովանդակությանը։  Օգտագործեք ճիշտ թեգը ճշտի համար։

Ի՞նչ նոր գործիքներ են անհրաժեշտ HTML5-ում։

Ինչպես HTML4.0 և XHTML-ում, բրաուզերը և text editor-ը այն ամենն է ինչ անհրաժեշտ է։

Իհարկե կան նաև մի քանի հետաքրքիր գործիքներ, որոնք կարող եք օգտագործել Notepad-ի հետ միասին՝ ձեր կյանքը մի փոքր հեշտացնելու համար։

HTML5Reset: Վերցրեք ձեր հին վեբկայքի դիզայնը և գրեք այն HTML5-ում։

Liveweave: Փորձարկեք Ձեր HTML5 կոդը տարբեր բրաուզերներում։

Shiv

Հին բրաուզերներում HTML5-ը չի ներկայանում պատշաճ կերպով։ Ահա թե ինչու է անհրաժեշտ HTML5Shiv-ը, որը թույլ է տալիս հին բրաուզերների մեծ մասին ճանաչել HTML5-ի թեգերը և HTML5-ի փոխարեն օգտագործելով CSS-ը ոճավորել դրանք: Հետևաբար, ներառեք shiv-ը յուրաքանչյուր էջում այնպես, որպեսզի բոլոր նրանք ովքեր օգտագործում են հին բրաուզերներ կարողանան տեսնել Ձեր կայքը այնպես ինչպես դուք նախագծել եք։

HTML5Shiv

        <!DOCTYPE html>

        <html>

          <head>

            <!–[if lt IE 9]>

            <script

            src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”>

            </script>

            <![endif]–>

            <title>Title</title>

          </head>

          <body>

            <p>text text</p>

          </body>

        </html>

Javascript-ի այս փոքրիկ հատվածը վստահեցնում է, որ եթե որևէ մեկը օգտագործում է Internet Explorer 6-9 Safari 4.x (iPhone 3.x) և Firefox 3.x, ապա ամեն ինչ անթերի է և շխատում է ճշգրիտ կերպով։

Լավ, եկեք շարունակենք ․․․

Օգտագործելով Notepad-ը ստեղծեք նոր ֆայլ, որ կունենա հետևյալ տեսքը՝

<!DOCTYPE html>

<html>

           <head>

                     <!–[if lt IE 9]>

                    <script   src=”html5shiv.js”></script>

                     <![endif]–>

                      <title>My first HTML5 page!</title>

          </head>

           <body>

                      <p>This is mynew HTML5 page.</p>

          </body>

</html>

Հիշեք այդ ֆայլը որպես Htm կամ. Html և փոխել Save as-ի տեսակը All, այնպես որ վերջում ունենանք page1.htm կամ page1.html:

Բացեք Ձեր բրաուզերը, մուտքագրեք CTRL +O և պարզապես ընտրեք այն ֆայլը, որը քիչ առաջ հիշել էիք։ Այժմ բրաուզերը պետք է ցույց տա ձեզ ձեր նոր HTML5 էջը: Նու՞յն է, ինչպես միշտ։ Պարզապես սպասեք …

Հարգելի ընթերցող, խնդրում ենք չմոռանալ like տալ մեր ֆեյսբուքյան էջին, քանի որ նորությունների մեծ մասը առաջինը տեղադրվում է հենց այնտեղ։ Ինչպես նաև հետևեք մեզ այլ սոցիալական ցանցերում և, իհարկե, գրանցվեք մեր բլոգում։

Share.