Jump to content
  • 0

HTML 5.0

Elendor

Asked by Elendor,

 Share

Question

Elendor Explorer

Elendor

Posted
Posted

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

HTML 5 позволит веб-мастерам рисовать двухмерные изображения средствами языка, эффективнее вставлять на страницы аудио- и видеоклипы. Кроме того, HTML 5 позволяет разработчикам хранить данные на стороне клиента.

Из новой версии языка предлагается убрать около 15 тегов.

Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.

Link to comment
Share on other sites
  • Answers 206
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Popular Posts

luris
luris

Ребята, помогите с аудио плеером. Значит на сайте 5 колонок по горизонтали. Под каждой колонкой аудиофайл. При разрешении 1920*1080 в Chrome все нормально, но в IE и FF плееры длинные и налезают друг

troll
troll

Интересная точка зрения. Но зачем тогда в спеке 2 nav'а завернуты в 1 aside? <aside> <!-- this aside contains two sections that are tangentially related to the page, namely, links to oth

wildhind
wildhind

Правильно так: <nav> <a>......</a> <a>......</a> <a>......</a> </nav>

206 answers to this question

Recommended Posts

  • 0
SelenIT Explorer

SelenIT

Posted
Posted

По-моему, XML и HTML5 нисколько не противоречат друг другу. Первое — инструментальная база (со всеми ее плюсами в виде простого парсинга, неограниченной расширяемости, кучи стандартных средств для обработки, выборок и преобразований и т.п., и минусами в виде драконовского контроля ошибок и неопределенности семантики и дефолтного отображения), второе — сборная солянка из унифицированного словаря, кучи унифицированных же интерфейсов всего ко всему (заточенных под реальные задачи) и двух взаимозаменяемых стандартных и однозначных синтаксисов, один их которых дает бонус нефатальности ошибок, а второй — сюрприз — является XMLем :). Можно объединить их плюсы — XHTML5. Кстати, менюшки в HTML5 тоже могут быть вполне себе семантичными... :)

Link to comment
Share on other sites
  • 0
shvv Explorer

shvv

Posted
Posted
Приведу простой пример. Нужно сделать некую менюшку, которая имеет несколько уровней вложенности, один уровень может быть разбит визуально на несколько групп, есть текстовые заголовки над группами.

Вот как это может выглядеть в XML

<MENU>
 <GROUP>
  <LABEL>Label 1</LABEL>
  <ITEMS>
	<ITEM uri="#" active="1">Menu item 1</ITEM>
	<ITEM uri="#">Menu item 2</ITEM>
	<SUB>
	  <ITEM uri="#">Submenu item 2.1</ITEM>
	 </SUB>
  </ITEMS>
 </GROUP>
 <GROUP>
   ....
 </GROUP>
</MENU>

Все понятно и логично. Семантику придумываешь себе сам.

А как это будет читаться браузером?

Link to comment
Share on other sites
  • 0
rogihor Explorer

rogihor

Posted
Posted

Вот сделал шаблон со стилем, в опере и гугл хроме смотрится одинаково, валидатор говорит что всё хорошо и он зеленый, но вроде намекает что не нужно H1 в принципе там заголовок и это действительно не логично.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Пример страницы HTML 5</title>

<style>

body {
font-family:Comic Sans MS; 
background: #FFFAF0; 
}


header { 
width: 100%; 
display: block;
text-align: center; 
background-color: #595959; 
float: left;
}

nav { 
display: block;
text-align: center; 
width: 100%; 
background-color: #ccc; 
clear: both;
}

aside {
float: left;
text-align: center; 
width: 20%; 
background-color: #ddd; 
} 


article { 
float: left;
display: block; 
width: 60%; 
background-color: #B0B0B0; 
}

footer { 
display: block;
text-align: right; 
width: 100%; 
clear: both; 
background-color: #888888;
}

</style>

</head>
<body>


<header>
<h1>HTML 5</h1>
</header>

<nav>
навигация
</nav>


<aside>
менню  <br /> 
менню  <br /> 
менню  <br /> 
</aside>


<article> 
<section>
текст текст текст текст текст текст текст текст
</section>
</article>



<aside>
реклама <br /> 
реклама <br /> 
реклама <br />
</aside>



<nav>
навигация<br />
</nav>

<footer>
блаблабла 2009 <br />
</footer>

</body>
</html>

Link to comment
Share on other sites
  • 0
Игорь Ермаков Explorer

Игорь Ермаков

Posted
Posted
А что есть фреймворк в твоем понимании?

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

Вот к примеру имеется типичная задача, сделать два блока, которые останутся одинаковыми по высоте, не зависимо от того, сколько текста в каждом, есть типичное решение, делаем обобщающий блок и две подложки из блоков для имитации одинаковой высоты, а в два блока поверх размещаем текст.

Вопрос в чем: можно ли при помощи XML сделать так, чтобы не нужно было делать по два блока, на каждую колонку?

Ну и таких задач массу можно напридумывать, можно ли сделать такие теги, которые организовывали бы выпадающее меню?

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
Вопрос в чем: можно ли при помощи XML сделать так, чтобы не нужно было делать по два блока, на каждую колонку?

Ну и таких задач массу можно напридумывать, можно ли сделать такие теги, которые организовывали бы выпадающее меню?

XML может создать удобную конструкцию хранения данных, но отображением занимается CSS

Поэтому все что умеет CSS - можно сделать.

В XML можно делать любые теги. А поведение их зависит от других технологий.

Link to comment
Share on other sites
  • 0
Ялекс Explorer

Ялекс

Posted
Posted (edited)

s0rr0w, переходя на XML нужно походу еще и поисковые машины заодно научить, что <h1> и <bigHeader> это одно и то же...

XML - это сильно МНОГО и сильно ШИРОКО. Это не всегда нужно.

Допустим есть огромное множество символов, которое можно придумать во вселенной, а русский язык - это то маленькое количество символов, которые необходимы для общения и которые понимают определенное количество людей. Вот что то подобное XML vs HTML.

Edited by Ялекс
Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
s0rr0w, переходя на XML нужно походу еще и поисковые машины заодно научить, что <h1> и <bigHeader> это одно и то же...

XML - это сильно МНОГО и сильно ШИРОКО. Это не всегда нужно.

Допустим есть огромное множество символов, которое можно придумать во вселенной, а русский язык - это то маленькое количество символов, которые необходимы для общения и которые понимают определенное количество людей. Вот что то подобное XML vs HTML.

Моя позиция проста. Для контента использовать HTML, для структур оформления - XML.

Поисковикам нужен контент, а оформление как-то побоку.

Link to comment
Share on other sites
  • 0
an70n Explorer

an70n

Posted
Posted (edited)

У меня вот вопрос конкретно к тем кто уже перешел или переходит на html5:

css привязывать к новым элементам (<header> например) как вот тут:

header { 
width: 100%; 
display: block;
text-align: center; 
background-color: #595959; 
float: left;
}

<header>
Заголовок
</header>

или как раньше только просто в начале и в конце добавить.

.title { 
width: 100%; 
display: block;
text-align: center; 
background-color: #595959; 
float: left;
}

<header>
<div class="title">
Заголовок
</div>
</header>

Оба валидны, но в первом кода меньше. Но при переходе от html4 к html5 второй проще. ИМХО. А как вы считаете?

Edited by an70n
Link to comment
Share on other sites
  • 0
Serlutin Explorer

Serlutin

Posted
Posted

А какой смысл в лишнем div? Если начинать писать на HTML5, то только новые сайты, старые переделывать смысла нет. Особенно если делать, как во втором случае. Ведь все эти header, aside, section должны облегчать код, а не усложнять его.

Link to comment
Share on other sites
  • 0
Serlutin Explorer

Serlutin

Posted
Posted (edited)
Если скоро выйдет IE9 то я думаю проблем с xhtml5 и html5 не будет.

Кто бы еще перешел на IE9. Девятый осел, только на Висте и 7, а подавляющее число организаций и интернет кафе сидят на XP c IE6.

Да, кстати, ведь это сейчас на ie ругаются, а раньше кричали на NN. У меня до сих пор книжка лежит, где совет про, то что надо делать стартовую страницу с выбором для браузеров, поддерживающих CSS и не поддерживающих CSS. Еще там советы, что надо дублировать CSS свойства тегом Font и атрибутом align, чтобы страница корректно везде отображалась.

Вот и сейчас так же.

Edited by Serlutin
Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted
Интересно, а в самом Майкрософте об этом знают?

по данным самого микрософта — знают :lol:

http://ie.microsoft.com/testdrive/info/Rel...temRequirements

А вообще, о чём спор?

Я давно уже пишу на xhtml5+css3, и всё адекватно отображается и в нормальных браузерах, и в ИЕ, начиная с 6.

После xhtml1.0 просто отдыхаю. А если кто писал на xhtml1.1strict… :)

в общем, вспомните всё и не ругайтесь. html5 — хорошая штука, практичная.

Единственно, input type=search время от времени заставляет задуматься, а то и отказаться от его использования.

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted
Я давно уже пишу на xhtml5+css3, и всё адекватно отображается и в нормальных браузерах, и в ИЕ, начиная с 6.

XHTML5 в IE будет работать только с 9-й версии. То, что работает в IE6-8 - HTML5 (без X) по определению, даже если написано с соблюдением xml-правил.

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
XHTML5 в IE будет работать только с 9-й версии. То, что работает в IE6-8 - HTML5 (без X) по определению, даже если написано с соблюдением xml-правил.

XHTML5 вообще не существует как стандарта.

Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted

ну вы же здесь все профессионалы, и понимаете, что именно называется словом «xhtml5» :lol:

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

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
ну вы же здесь все профессионалы, и понимаете, что именно называется словом «xhtml5» :lol:

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

Проще? В чем? В отсутствии понимания как работает браузер с кодом? Как правильно строить код?

Link to comment
Share on other sites
  • 0
Vlad Explorer

Vlad

Posted
Posted

Начал знакомиться со спецификацией HTML5, так что опять подниму эту тему и буду свои наблюдения выкладывать по поводу этой версии.

Самое главное, что удивило, так это некоторая вольность, от которой уже, из-за XHTML, начал отвыкать. Пишу <P> - валидно, <P class=ha-Ha> - валидно, не закрыл тег - валидно. В этом плане HTML5 наследует поведение от своего предка, а не от пасынка XHTML.

Не понравилось, что структурные теги вроде <header>, <footer> и им подобные не блочные, что было бы логично, поскольку они представлены именно как блоки для хранения других тегов. Раздражает постоянно добавлять им display: block.

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted
Не понравилось, что структурные теги вроде <header>, <footer> и им подобные не блочные

Это временно, пока не вышли браузеры с полной реализацией нового алгоритма парсинга (в FF4 уже обещают).

Вольность тоже вынужденная, синтаксис вынужден подстраиваться под поведение браузеров (при text/html). Раз парсеры браузеров закрывают P не только по </p>, но и по открывающим тегам заголовков, списков и т.п. — все эти варианты и зафиксированы спецификацией. А в application/xhtml+xml никакой вольности как не было, так и нет, только доктайп стал необязательным (он всё равно ни на что не влиял, кроме валидатора).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept