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

FoxWMulder · March 8, 2011

Всем привет.

вот разбираюсь с 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;
}

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

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

xlife · March 12, 2011

Я дико извиняюсь, однако!

Народ как у вас дела обстоят с употреблением кириллицы в комментариях, для кода при доктайпе html5 <!doctype html>,

Валидатор ругается на кириллицу в комментариях!!!

P.S. заголовок побудил здесь написать и не создавать новую тему.

SelenIT · March 12, 2011

On 3/12/2011 at 6:16 PM, xlife said:
Валидатор ругается на кириллицу в комментариях!!!

Не должно такого быть, проверьте еще раз. Вот на несоответствие фактической кодировки заявленной (напр. в meta charset указан windows-1251, а файл сохранен в utf-8, или наоборот) ругаться может.

xlife · March 13, 2011

On 3/12/2011 at 9:15 PM, SelenIT said:
Не должно такого быть, проверьте еще раз. Вот на несоответствие фактической кодировки заявленной (напр. в meta charset указан windows-1251, а файл сохранен в utf-8, или наоборот) ругаться может.

Validator.w3.org

<!DOCTYPE html>
<html lang="ru"><!--Zabuli pro kirilicy v kommentariyah -->
<head>
    <title>
        <meta charset="utf-8" /><!-- http://htmlbook.ru/html5/semantics -->
        <link rel="stylesheet" href="css/template.css" />
        <link rel="shortcut icon" href="/favicon.ico" />
    </title>
</head>
<body>
    <div>
<!--Даю вам повод убедится  самому -->
    </div>
</body>

</html>

сохранял в utf-8 без boom.

Azimut20 · March 13, 2011

Недавно открылся сайт по HTML5 и CSS3. Сайт постепенно пополняется.

http://smartmarkup.com/

Serlutin · March 13, 2011

Quote
Валидатор ругается на кириллицу

Помню у меня ругался на кодировку, когда проверял через "Validate by direct input".

Возможно, потому что кодировка менялся в буфере обмена при копировании, а может быть ещё что-нибудь.

SelenIT · March 13, 2011

xlife, что у вас делает <meta charset="utf-8" /> внутри <title>? Неудивительно, что парсер его там не находит и ругается, что "кодировка не задана, а не-ASCII-шные символы используются"...

xlife · March 13, 2011

On 3/13/2011 at 6:03 PM, SelenIT said:
xlife

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

al_im · July 9, 2011

On 3/8/2011 at 8:32 PM, Int said:
В коде, приведённом первым, отсутствуют кавычки. Это даже для html4 невалидно. То же и во втором. А по поводу вынесения оформления в css - так это тоже 4. Можно и через style это всё указывать, а можно попробовать col

Quote
table tr.secondfloor {
height: 200px;
}
1) Достаточно указать .secondfloor, не нужно выписывать весь путь до тэга
2) Не прокатит, у tr нет ширины, это логическая строка таблицы, она не отображается пока в ней нет <td>
.secondfloor td {height:200px;}

Не валидно писать значения без кавычек для XHTML4 а ни для HTML4.

Sign In

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

Question

FoxWMulder

Link to comment

Share on other sites

33 answers to this question

Recommended Posts

xlife

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

xlife

Link to comment

Share on other sites

Azimut20

Link to comment

Share on other sites

Serlutin

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

xlife

Link to comment

Share on other sites

al_im

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information