• Dizaino ir programavimo pamokos

     
    Thread Rating:
    • 0 Votes - 0 Average
    • 1
    • 2
    • 3
    • 4
    • 5
    HTM4, HTML5

    Junior Member


    **
    31

    0
    Post: #1
    RE: HTM4, HTML5
    Sveiki daugelis nežino tikslaus skirtumo tarp HTML4 ir HTML5, kartais pasidaro pikta. Kai kurių kodavimo paslaugas atliekančių koduotojų nurodo, kad jų kodas HTML5/CSS, bet source pažiūrėjus, atrodo paprastas HTML, kartais nėra, net griežtos sintaksės..

    HTML4 Standartai:

    Nurodome kad tai HTML dokumentas su sudėtingu koduku, kuris rašomas virš visų gairių:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    HTML4 koduojame dizainus su <div> gairėmis, kaip jau daugeliui koduotojų įprasta.

    Mažas pavyzdys:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
       <title>Mano html svetainė</title>
    </head>
    <body>
       <div id="header">Viršutinė antraštė</div>
       <div id="content">Svetainės turinys</div>
       <div id="footer">Apatinė antraštė</div>
    </body>
    </html>

    HTML5 Standartai:

    Nurodyti, kad tai html dokumentas yra labai paprasta, duotas paprastas DOCTYPE kodas:

    Code:
    <!DOCTYPE html>

    HTML5 turime pamiršti gairės uždarymą pvz: <br />, <hr />, <img src="img.png" alt="logotipas" />, paprasčiausiai, pamirškime ir koduokime taip: <br>, <hr>, <img src="img.png" alt="logotipas">

    Pagrindinės HTML5 savybės:

    Naujos gairės, kurias galime jau plačiai naudoti web dizaine:

    Struktūrinės gairės: <section>, <header>, <footer>, <nav>, <article>, <aside>.
    Vaizdo failo gairė: <video>.
    Garso failo gairė: <audio>.
    <canvas>.
    Nauji formos elementų tipai ir atributai.

    Kaip jau minėjau HTML4 kalboje, mes dizainus įprastai koduojame su <div> gaire. HTML5 kalboje apibrėžėme turinį su <section>.

    pvz:

    Code:
    <section>
       <h1>Tinklapio naujiena</h1>
       Naujienos turinys.
    </section>

    Puslapio viršutinė antraštė žymima <header> gaire yra ir <head> gairė, bet tai du atskiri objektai.

    pvz:

    Code:
    <header>
       <h1>Pramogų svetainė</h1>
    </header>

    Gairė kuri nurodo, kad tai informacijos pabaiga yra: <footer> imkime pavyzdį su <article> gaire.

    pvz:

    Code:
    <article>
       Naujienos turinys
       <footer>Naujienos baigiamoji informacija.</footer>
    </article>

    Straipsnį papildysiu grįžęs!

    $("life").find("happiness").show();
    2013-06-13 06:16
    Find Quote



    About DESCO

    Mes esame ne komercinis projektas, norime, jog Lietuvos jaunimas vis sparčiau brautųsi į technologijų amžių. Negalima sėdėti vietoje, reikia kažką veikt, todėl mūsų projektas tam puikiai tinka. Galima pas mus išmokt kažko naujo, taip pat nepamirškite, kad ir jūs galite mokyti kitus! Žinių dalinimasis geriną lietuvių mentalitetą, todėl nesmerk kito, o pamokyk!