HTML4 ir HTML5

Sveiki. Paskaitose dėstytoja visus moko dirbti su HTML4, aš mokausi HTML5, tačiau iškyla daug sunkumu, nes reikia rašyti visus stilius i CSS.

galbut galima naudoti HTML4 taciau jame HTML5 kodus?

pvz dariau <table> ir kiekvienam zodziui lygiavimui reikia atskiro stiliaus, kas html4 butu lengviau. Arba negalima naudoti border="2" ar pns, zodziu makalyne.

Imonese programuotojai galbut nekreipia demesio i validatoriu ir i html5 raso html4 kodus?

Siulyciau daryti viska su HTML5+CSS, tai siuolaikinis 'standartas'.

Kodel nerasyti stiliaus i pati HTML:

- Aiskus stiliaus ir strukturos atskyrimas

- Svaresnis HTML kodas

- Galima pritaikyti ta pati stiliu ant keliu elementu, neperrasant viso kodo.

Ir isvis, siulyciau css visad iterpti is isorinio failo, o ne tiesiog rasyti tarp <style></style>:

- Narsykle tokiu budu gali cachinti .css faila pagreitindama tinklapiu ikrovima,

- Jei prireiks, bus lengviau veliau pakeisti, kai viskas bus vienoj vietoj.

Siulyciau daryti viska su HTML5+CSS, tai siuolaikinis 'standartas'.

 

Kodel nerasyti stiliaus i pati HTML:

- Aiskus stiliaus ir strukturos atskyrimas

- Svaresnis HTML kodas

- Galima pritaikyti ta pati stiliu ant keliu elementu, neperrasant viso kodo.

 

Ir isvis, siulyciau css visad iterpti is isorinio failo, o ne tiesiog rasyti tarp <style></style>:

- Narsykle tokiu budu gali cachinti .css faila pagreitindama tinklapiu ikrovima,

- Jei prireiks, bus lengviau veliau pakeisti, kai viskas bus vienoj vietoj.

turejau galvoje nepatinka kad neveikia pvz <table border="2"> arba align="center", vietoj jo turejau rasyti i css

margin-left: auto;

margin-right: auto;

vertical-align: middle;

o lentele kai dariau isvis nesupratau kas blogai, isoriniai borders pasidare, o vidiniai ne... gal adobe dw gryba pjauna.

Kol pas tave pora html puslapių ar formų gal ir patogu, bet didesniame projekte tiesiog pasimesi jeigu reikės ką pakeist. Taipogi tavo atveju pas tave bus daug bereikalingo, pasikartojančio kodo.

o lentele kai dariau isvis nesupratau kas blogai, isoriniai borders pasidare, o vidiniai ne... gal adobe dw gryba pjauna.

Išoriniai pasidarė nes tu pritaikei border lentelei, ne stulpeliams :)

ant <td> tago uzdet border?

Kam klausi? Uždėk ir pabandyk. Be to nedėk čia ilgų kodų geriau naudok jsFiddle, pvz tavo variantas:

http://jsfiddle.net/a6xugexr/

Kam klausi? Uždėk ir pabandyk. Be to nedėk čia ilgų kodų geriau naudok jsFiddle, pvz tavo variantas:

http://jsfiddle.net/a6xugexr/

jau supratau,

td {

border-top-style: double;

border-right-style: double;

border-bottom-style: double;

border-left-style: double;

border: 1px double;

}

bet tai su html4 nebutu lengviau negu dabar kiekvienam cia rasyt i css klasem?

beje, kokiu knygu patartumet html? dabar bibliotekoje radau "html vaizdžiai" bet tai 2007 metu... gali pasimokyt, bet per tiek metu kiek pasene viskas...

ir is esmes profesionalai ziuri validatoriu? ar cia tik destytoja nori kad nerodytu klaidu? nes pvz kokiam facebook.com virs 300 klaidu rodo...

bet tai su html4 nebutu lengviau negu dabar kiekvienam cia rasyt i css klasem?

Sakykime turėsi puslapyje kokias 5 lenteles, ar ne patogiau vieną kartą parašyti stilų ir jį pritaikyti negu visualiai teršti html strukūrą, kopijuojant atributus. O jeigu reikės paveiksti lentelės spalvą tai eisi per visas lenteles ir keisi ar tik css stiliuje vieną eilutę pakeisi?

ir is esmes profesionalai ziuri validatoriu? ar cia tik destytoja nori kad nerodytu klaidu? nes pvz kokiam facebook.com virs 300 klaidu rodo...

Visada stenkis, kad tavo darbas praeitų validatorių. O klaidų atsiranda dėl įvairių faktorių.

Na, kol neturi sintakses klaidu, kaip neuzbaigtas <tag> ar pan., tol validatoriu yra dauigiau kaip toolas, kad parodyt profesionaluma. Bet aisku, kol projektas mazas, islaikyt taisykles, kad nemetytu klaisu, yra ganetinai lengva.

Beje, tavo table sktruktura yra bloga:

<table>
   <thead>
       <tr>
           <th>Title</th>
       </tr>
   </thead>
   <tbody>
       <tr><td>turinys</td></tr>
   </tbody>
</table>

Na, kol neturi sintakses klaidu, kaip neuzbaigtas <tag> ar pan., tol validatoriu yra dauigiau kaip toolas, kad parodyt profesionaluma. Bet aisku, kol projektas mazas, islaikyt taisykles, kad nemetytu klaisu, yra ganetinai lengva.

 

Beje, tavo table sktruktura yra bloga:

<table>
   <thead>
       <tr>
           <th>Title</th>
       </tr>
   </thead>
   <tbody>
       <tr><td>turinys</td></tr>
   </tbody>
</table>

tokia struktura padariau ne as, o adobe dreamweaver automatiskai sukure, nes as pasirinkau header: none

o siaip dw defaultas yra http://jsfiddle.net/exemo7tr/

vat nepatinka kad jis html4 naudoja "<table width="200" border="1">" iskart validatorius klaida meta.

Nerašykit css stiliaus į html'ą, tai jau atgyventa senai, html'as ir css turi būt atskirai. Naudok html5 + css/css3

Aš prie to pačio norėčiau paklausti:

Kaip atskirti kada HTML4, kada HTML5?

Jei kode panaudotas <style> tai čia jau niekaip negali būti HTML5?

Aš prie to pačio norėčiau paklausti:

Kaip atskirti kada HTML4, kada HTML5?

 

Jei kode panaudotas <style> tai čia jau niekaip negali būti HTML5?

Pagal pirmą eilutę – doctype'ą. Jeigu matai <!doctype html>, reiškia turi html5, jeigu ilgą doctypeą – html4. :-)

Pagal pirmą eilutę – doctype'ą. Jeigu matai <!doctype html>, reiškia turi html5, jeigu ilgą doctypeą – html4. :-)

O jei doctype'o iš viso nėra? : )

O jei doctype'o iš viso nėra? : )

Tada trenki autoriui buku daiktu per pakaušį ir spėji pagal tag'us: jeigu naudojami section, header, footer, etc – html5. Jeigu matai table border ir kitus tagus, kurių html5 nebėra – html4. Jeigu abu variantai – buką daiktą keiti aštriu.

Siaip jei tiesa pasakius, 'tikru' HTML5 puslapiu beveik nerasi, taip, daug, ypac nauju, paslapiu yra kurie naudoja naujus <section>, <article> ir pan. tag'us, taciau HTML5, jei sekant 100%, turi ne viena taisykle, guri yra labai nelanksti, ir sunkiai pritaikoma.

Ir visumoj, HTML5 daugiausia pristato patobulinta struktura, su kuria lengviau dirbti developeriams, taciau esminiu funkcionalumo skirtumu daug nepristato. Sie patobulinimai yra daugiausia skirti tam, kad butu galima parasyti programas (online reader'is ar pan.), kurie naudodami HTML5 struktura, galetu lengvai ir greitai istraukta puslapyje esama informacija, ir ja tvarkingai pateikti vartotojui. Taciau, kadangi beveik nerasi svetainiu, kurios 100% seka HTML5 reikalavimus, programu, kurias minejau kaip ir neegzistuoja (o gal ir isvis ju nera), tad HTML5 tampa daugiau kaip stilistiniu pasirinkimu, o ne irankiu, kuris pagerintu svetaines funkcionaluma.

Siaip jei tiesa pasakius, 'tikru' HTML5 puslapiu beveik nerasi, taip, daug, ypac nauju, paslapiu yra kurie naudoja naujus <section>, <article> ir pan. tag'us, taciau HTML5, jei sekant 100%, turi ne viena taisykle, guri yra labai nelanksti, ir sunkiai pritaikoma.

 

Ir visumoj, HTML5 daugiausia pristato patobulinta struktura, su kuria lengviau dirbti developeriams, taciau esminiu funkcionalumo skirtumu daug nepristato. Sie patobulinimai yra daugiausia skirti tam, kad butu galima parasyti programas (online reader'is ar pan.), kurie naudodami HTML5 struktura, galetu lengvai ir greitai istraukta puslapyje esama informacija, ir ja tvarkingai pateikti vartotojui. Taciau, kadangi beveik nerasi svetainiu, kurios 100% seka HTML5 reikalavimus, programu, kurias minejau kaip ir neegzistuoja (o gal ir isvis ju nera), tad HTML5 tampa daugiau kaip stilistiniu pasirinkimu, o ne irankiu, kuris pagerintu svetaines funkcionaluma.

Tai žinoma, gi video/audio, canvas ir kiti draugai yra tik minor change'ai.

Jei kode panaudotas <style> tai čia jau niekaip negali būti HTML5?

Netiesa, čia tik autorius kokį nors šaltinį iš praeito amžiaus naudoja, kur visas stilius suvarytas į atributus (net ne inline styles), kurie jau pasenę. CSS veikė dar su HTML4, gal ir dar anksčiau. :) Jokio skirtumo nesudaro, ar stylesheet'as išoriniam faile, ar pačiam html, ar dar kaip.

jau supratau,

td {

border-top-style: double;

border-right-style: double;

border-bottom-style: double;

border-left-style: double;

border: 1px double;

}

 

bet tai su html4 nebutu lengviau negu dabar kiekvienam cia rasyt i css klasem?

 

beje, kokiu knygu patartumet html? dabar bibliotekoje radau "html vaizdžiai" bet tai 2007 metu... gali pasimokyt, bet per tiek metu kiek pasene viskas...

 

 

ir is esmes profesionalai ziuri validatoriu? ar cia tik destytoja nori kad nerodytu klaidu? nes pvz kokiam facebook.com virs 300 klaidu rodo...

Kodel negali daryt tiesiog taip?

td {
border:1px #000000 double;
}

Nereikia gi, nurodyt visu borderiu jeigu darai visur vienodai