Как застаить понимать HTML5 все браузеры?

1284metra · March 27, 2011

Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?

ВовчиГ · March 27, 2011

Мне кажется нет,

только картинки могут спасти нас от IE...

psywalker · March 27, 2011

On 3/27/2011 at 4:22 AM, 1284metra said:
Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?

А можно ради любопытства поинтересоваться, для чего IE5 понадобился?

1284metra · March 27, 2011

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

Если нельзя сделать полную поддержку, то хотя бы поддержку новых блочных тегов (как header) и форм.

psywalker · March 27, 2011

Можно сделать так

http://netstream.ru/htmlsamples/html5-blog/index.html

А можно проще

http://code.google.com/p/html5shiv/

А вот это повесь себе на рабочее место, на стену.

http://news.sk6.ru/uploads/posts/2010-08/1281765094_html5-internet-explorer.jpg

1284metra · March 27, 2011

Спасибо!

psywalker · March 27, 2011

On 3/27/2011 at 7:47 AM, 1284metra said:
Спасибо!

Тебе спасибо.

medium · March 27, 2011

По краиней мере тег canvas ослы понимают благодаря либру excanvas.js(http://excanvas.sourceforge.net/)

Тестил в IE6-8 все ок.

psywalker · March 27, 2011

On 3/27/2011 at 10:09 AM, medium said:
По краиней мере тег canvas ослы понимают благодаря либру excanvas.js(http://excanvas.sourceforge.net/)
Тестил в IE6-8 все ок.

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

medium · March 27, 2011

On 3/27/2011 at 10:32 AM, psywalker said:
А ты не мог бы сделать тестовую страницу с примером пожалуйста.

с какой целью? не веришь что работает? могу...

psywalker · March 27, 2011

On 3/27/2011 at 12:40 PM, medium said:
с какой целью? не веришь что работает? могу...

С целью познания.

medium · March 27, 2011

On 3/27/2011 at 12:41 PM, psywalker said:
С целью познания.

http://csscode.ru/test/canvasie/canvas.html

excanvas.compiled.js - эмулятор canvas для ie

jCanvaScript.js - фреймворк js canvas(кстати сыроват изза этого предупрежд в ие)

Но смысл в том что canvas в IE пашет

в 5 уже нет

psywalker · March 27, 2011

On 3/27/2011 at 1:09 PM, medium said:
http://csscode.ru/test/canvasie/canvas.html
excanvas.compiled.js - эмулятор canvas для ie
jCanvaScript.js - фреймворк js canvas(кстати сыроват изза этого предупрежд в ие)
Но смысл в том что canvas в IE пашет
в 5 уже нет

Спасибо, а объясни плиз пару вещей

1. jCanvaScript.js - без этого пахать не будет?

2. jCanvaScript.js - Вообще для чего он?

3. А обычные вещи из canvas там будут работать, если я их просто тупо так же буду использовать?

Например: ctx.arc();

medium · March 27, 2011

On 3/27/2011 at 1:31 PM, psywalker said:
Спасибо, а объясни плиз пару вещей
1. jCanvaScript.js - без этого пахать не будет?
2. jCanvaScript.js - Вообще для чего он?

1.Будет, просто у меня нет примеров на чистом js, а писать лень)

2.jCanvaScript - это фреймворк, на подобий jQuery, Mootols. Только jquery ореинтирован для работы с DOM, jCanvaScript для работы с canvas.

jCanvaScript молодой проект

http://javascript.ru/blog/Micky_Holtern/jCanvaScript-moj-JavaScript-framework-dlya-raboty-s-html5-canvas

Сайт: http://www.jcscript.com/

psywalker · March 27, 2011

Так, щас немного разобрался, вот результат

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="excanvas.js"></script>
<![endif]-->

<title>Untitled Document</title>
</head>

<body>
	<canvas height="520px" width="440px" id="canvas">

	</canvas>
	<script type="text/javascript">
	window.onload = function(){
		var can = document.getElementById('canvas');
		var ctx = can.getContext('2d');
		ctx.fillRect(0,0, 300,300)

	}

	</script>
</body>
</html>

medium · March 27, 2011

скрипты canvas всегда надо грузить по window.onload

psywalker · March 27, 2011

On 3/27/2011 at 2:02 PM, medium said:
скрипты canvas всегда надо грузить по window.onload
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> - это зачем?

потому чтоо Ие не знает новые элементы.

medium · March 27, 2011

On 3/27/2011 at 2:07 PM, psywalker said:
потому чтоо Ие не знает новые элементы.

html5.js - совершенно полностью эмулирует html 5? ты тестил? что можешь сказать?

psywalker · March 27, 2011

On 3/27/2011 at 2:10 PM, medium said:
html5.js - совершенно полностью эмулирует html 5? ты тестил? что можешь сказать?

Да, полностью. Всё пашет. Все элементы.

Serlutin · March 27, 2011

On 3/27/2011 at 2:10 PM, medium said:
html5.js - совершенно полностью эмулирует html 5? ты тестил? что можешь сказать?

Нет, он только добавляет в IE6-8 поддержку новых элементов. То есть без этого скрипта, например на тег figure в IE нельзя повесить стили.

Также можно использовать modernizr, которые помимо новых тегов, показывает что браузер может, а что нет. То есть, если у нас браузер IE6, то в теге HTML будет class=" no-border-radius", а если FF, то class="border-radius". И так для кучи свойств.

medium · March 27, 2011

On 3/27/2011 at 2:13 PM, psywalker said:
Да, полностью. Всё пашет. Все элементы.

Ну естественно кроме canvas ) Ладно, спасибо возьму на вооружение

psywalker · March 27, 2011

On 3/27/2011 at 2:16 PM, medium said:
Ну естественно кроме canvas ) Ладно, спасибо возьму на вооружение

Нет, я имел ввиду, что ИЕ начинает понимать эти элементы. canvas - это тоже элемент.

yujin11 · March 27, 2011

On 3/27/2011 at 2:15 PM, Serlutin said:
Нет, он только добавляет в IE6-8 поддержку новых элементов. То есть без этого скрипта, например на тег figure в IE нельзя повесить стили.
Также можно использовать modernizr, которые помимо новых тегов, показывает что браузер может, а что нет. То есть, если у нас браузер IE6, то в теге HTML будет class=" no-border-radius", а если FF, то class="border-radius". И так для кучи свойств.

Так что лучше? modernizr или html5.js?

Sign In

Как застаить понимать HTML5 все браузеры?

Question

Link to comment

Share on other sites

22 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information