первые шаги в HTML5, после HTML4 непривычно

[FoxWMulder]

Всем привет.

вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4:

<table border=0>
 <tr>
  <td width=50> 7x17  </td> <td width=50>  </td>  
  <td width=235> текст </td>  
  <td width=235> текст </td>
  <td width=150> текст </td>
  <td width=35> текст </td>			  
 </tr>						  
 <tr height=200>
  <td colspan=2 valign="top"> текст </td>
  <td colspan=3 valign="top">
   текст <br>
   текст <br>
   текст  
  </td>  
  <td width=35 valign="top">  </td>  
 </tr>
</table>

надо переделать для html5. валидация на сайте W3C выдает кучу ошибок, ругаясь на border, width, valign. Меня это просто вгоняет в ступор. Это что значит надо каждой ячейки прописать в css оформление. ну както не удобно ( или непривычно? ). хз

вот что у меня получилось:

<table>
 <tr>
  <td class="numepisode"> 7x17  </td> <td class="numepisode">  </td>  
  <td class="nameepisode"> текст </td>  
  <td class="nameepisode"> текст </td>
  <td class="dateepisode"> текст </td>
  <td> текст </td>			  
 </tr>						  
 <tr class="secondfloor">
  <td colspan=2> текст </td>
  <td colspan=3>
   текст <br>
   текст <br>
   текст
  </td>  
  <td>  </td>  
 </tr>
</table>

и CSS

table td {
 vertical-align: top;
}

table td.numepisode {
 width: 50px;
}

table td.nameepisode {
 width: 235px;
}

table td.dateepisode {
  width: 150px;
}

table tr.secondfloor {
 height: 200px;
}

да, теперь валидация проходит успешно. но насколько это правильно? может я чегото еще не понимаю?

есть желание переписать сайт, чтобы он полностью соответствовал стандартам. поэтому хочется сделать как надо.

[psywalker]

Таблица - она и в HTML20 таблицей будет

[Serlutin]

Если таблица используется именно для табличных данных, а не для оформления на странице, то правильно.

Кстати, вы не совсем правы, что это HTML5. Отделение структуры от представление появилось очень давно. Короче, когда появилась блочная вёрстка взамен табличной.

HTML5 это же несколько другое.

[Int]

В коде, приведённом первым, отсутствуют кавычки. Это даже для html4 невалидно. То же и во втором. А по поводу вынесения оформления в css - так это тоже 4. Можно и через style это всё указывать, а можно попробовать col

table tr.secondfloor {

height: 200px;

}

1) Достаточно указать .secondfloor, не нужно выписывать весь путь до тэга

2) Не прокатит, у tr нет ширины, это логическая строка таблицы, она не отображается пока в ней нет <td>

.secondfloor td {height:200px;}

[swetlana]

В коде, приведённом первым, отсутствуют кавычки. Это даже для html4 невалидно.

нет

это допустимо в html.

это недопустимо лишь в xhtml.

[FoxWMulder]

Serlutin то что css и раньше html5 был - я знаю. но при валидации html4, он не ругается на width, height и тп. да, в данном случае табоица используется для данных, для оформления использую ( всякие там непонтные ) section, article и т.п. тоесть продолжать в таком же ключе?

Int я не утверждал что код который написан у меня на html4 полность валиден.

1) я понимаю, но как бы так наглядней css-файл выглядит. учту.

2) у tr нет ширины но есть высота. или вы хотите сказать что надо писать не:

<tr height=50>
<tr>

а:

<tr>
 <td height=50>
 </td>
</tr>

?

Edited March 8, 2011 by FoxWMulder

[Serlutin]

для оформления использую ( всякие там непонтные smile.gif ) section, article и т.п. то есть продолжать в таком же ключе?

Ну да, только надо как-то сделать так, что бы всякие section и article стали понятны.

Как вариант, если вам не хочется использовать классы, то можно использовать соседние селекторы

Вроде бы высоту tr можно задавать и это ничему не противоречит.

[Int]

Может я всё забыл? Да ещё ширину с высотой перепутал. Хм.

[wanntuzz]

в html5 нет таблиц там все по другому, это только для блогов хорошо.

[SelenIT]

в html5 нет таблиц

Ложь.

[Int]

То есть как это нет таблиц?

[Vlad]

К ничем не подкреплённым высказываниям месье wanntuzz-а надо относиться с большим подозрением.

[wanntuzz]

Как это ничем не подкрепленным! У меня опыт есть!

[rash]

Как это ничем не подкрепленным! У меня опыт есть!

Опыт городить чушь? Верю.

А таблицы есть.

[wanntuzz]

какая чушь! Вы сами почитайте, там сейчас все не так, там теперь не таблицы а <section> и <article>. Это новый язык программирования для блогов, там так удобно, а обычные сайты надо писать на html4.

[sigma77]

какая чушь! Вы сами почитайте, там сейчас все не так, там теперь не таблицы а <section> и <article>. Это новый язык программирования для блогов, там так удобно, а обычные сайты надо писать на html4.

Ух ты! А это что? <section> или <article> не подскажите как профессионал с большим опытом?

И что же вы там напрограммировали? Можете примерчик привести?

[rash]

какая чушь! Вы сами почитайте, там сейчас все не так, там теперь не таблицы а <section> и <article>. Это новый язык программирования для блогов, там так удобно, а обычные сайты надо писать на html4.

Я думаю того, что это вообще не язык программирования, достаточно в качестве контраргумента.

[swetlana]

ничо-то вы нипанимаити!

В html5 вообще нет тэгов.

ваще никаких, а не только таблиц.

Я вот учусь писать без тэгов.

Почти получается, только в вебкитах не работает.

Скоро научусь, и тогда-то мы с ваннтуззом покажем всему миру, какие есть тэги в языках программирования, а каких нет.

Так-то.

[SelenIT]

Светлана, это умопомрачительно. Снимаю шляпу!

[rash]

Светлана, это умопомрачительно. Снимаю шляпу!

Я думал для вас это новостью не станет Рассматривалось уже в интернете ранее.

Just For Fun — хорошо

Светлана, простите

[swetlana]

вообще это известное решение.

Но действительно исключительно just for fun.

а у себя я его просто-напросто повторила с целью окончательно удостовериться, что понимаю, как оно работает

а здесь оно просто в тему.

Без тэгов

[Int]

Для поверивших в волшебство:

http://swetlanabayer.ru/blog/examples/nocode/nocode.css

[wanntuzz]

ничо-то вы нипанимаити!

В html5 вообще нет тэгов.

ваще никаких, а не только таблиц.

Я вот учусь писать без тэгов.

Почти получается, только в вебкитах не работает.

Скоро научусь, и тогда-то мы с ваннтуззом покажем всему миру, какие есть тэги в языках программирования, а каких нет.

Так-то.

Там теги есть но не такие. У тебя на странице тоже есть теги а то бы ничего не получилось.

[rash]

Там теги есть но не такие. У тебя на странице тоже есть теги а то бы ничего не получилось.

В коде той страницы тегов нет.

[wanntuzz]

Для поверивших в волшебство:

http://swetlanabayer.ru/blog/examples/nocode/nocode.css

я же говорил есть!

[Serlutin]

я же говорил есть!

Что есть? HTML кода то, всё равно нет. Есть только CSS стили.