IE9�ł́A���ړx�����܂��Ă���HTML5�^CSS3�̈ꕔ�@�\�ɑΉ����Ă���B���̐V�@�\���ȒP�ȃR�[�h��ŏЉ��B
�@
�@�O���Ɉ��������AInternet Explorer 9�i�ȍ~�AIE9�j�����ł̐V�@�\�ɂ��ĉ������B��҂ł��鍡��́AIE9�̎�v��HTML5�^CSS3�^SVG�Ή��@�\���Љ��B
�@�ŋ߁AHTML5�ւ̒��ړx�����܂��Ă���B2011�N6���ɕč��ōs��ꂽ�u����Windows 8�i�R�[�h���j�v���r���[�E�C�x���g�v�ŁA�u�gHTML5�h�ŋL�q�ł���Windows�l�C�e�B�u�E�A�v���P�[�V�����v�i�܂��ڍׂ͕s���j�Ƃ����V�����A�v���P�[�V������ʂ��o�ꂷ�邱�Ƃ����\���ꂽ���Ƃ�����A���̐����͑������肾�B���ɃO�[�O�������͂ɐ��i���Ă����ۂ̂���HTML5�����A�}�C�N���\�t�g�Z�p�n�ł���.NET�J���҂��傫�ȊS�Ɗw�K�ӗ~���Ă��邱�Ƃ��A�{�T�C�g�̓Ǝ������Ŗ��炩�ɂȂ��Ă���B
�@�ł́AIE������܂�HTML5�����Ă������Ƃ����ƁA�����Ă���Ȃ��Ƃ͂Ȃ��B���܂�m���Ă��Ȃ���������Ȃ����AIE8�ɂ́A
�Ȃǂ�HTML5�@�\�����łɓ��ڂ���Ă���i�ڂ����́uMSDN�FInternet Explorer 8 �\ HTML �� CSS �̃T�|�[�g�v���Q�Ɓj�i��HTML5�̎d�l��2011�N5��25���ɂ͍ŏI���ĂɒB�����B2014�N�Ɋ��������\��j�B
�@�}�C�N���\�t�g��HTML5�T�|�[�g��IE9�ł���ɐi�߁AHTML5�d�l�����HTML5�֘A�d�l�iJavaScript��API�Ȃǁj���炳�܂��܂ȋ@�\��lj������B��̓I�ɂ́A��ɉ��L�̂悤��HTML5�@�\����������Ă���B
�@�ȉ��ł́A���ꂼ��ɂ��ĊȒP�ɏЉ�Ă������B
��<audio>�^<video>�v�f�̃T�|�[�g
�@HTML5�̒��ł����Ɋ��҂���Ă���<audio>�^�O��<video>�^�O���T�|�[�g����Ă���B<audio>�^�O�́A�ƊE�W����MP3�����AAC�I�[�f�B�I���A�����<video>�^�O�́A�ƊE�W����MPEG-4/H.264�r�f�I���AHTML�y�[�W�ɖ��ߍ���ōĐ��ł���@�\�����iVP8�R�[�f�b�N���C���X�g�[������Ă���ꍇ�́AWebM�r�f�I���Đ��\�j�B
�@<video>�^�O�́A�y�[�W��̂ق��̗v�f�i�Ⴆ��HTML�R���e���c��A�摜�ASVG�O���t�B�b�N�Ȃǁj�ƍ����\�ŁA������HD�𑜓x��60fps�̃r�f�I���t���X�N���[���ōĐ��\��GPU�x�[�X�̓���Đ��@�\�����BGPU���p�̂��߁ADXVA�i��DirectX�r�f�I�E�A�N�Z�����[�^�j�ƃn�[�h�E�F�A�E�r�f�I�E�f�R�[�_�ɑΉ����Ă���B
�@<video>�^�O�́A���L�̂悤�ȃR�[�h�ōĐ������B
<!DOCTYPE html>
<html>
<head>
<title><video> tag Sample</title>
</head>
<body>
<video width="480" height="272" autoplay
src="http://ecn.channel9.msdn.com/o9/mix/10/mp4/CL01.mp4">
�r�f�I������܂���B
</video>
</body>
</html>
��<canvas>�v�f�̃T�|�[�g
�@HTML5�̒��Œ��ڂ���Ă���<canvas>�^�O���T�|�[�g���Ă���B<canvas>�^�O�́A���I��2�����r�b�g�}�b�v�摜��`�悷��@�\�����B���̃����_�����O�ł́A��͂�GPU�����p�����B
�@���ۂ�<canvas>�^�O�𗘗p����ۂɂ́A���̃R�[�h��̂悤�ɁiJavaScript�́jCanvas 2D API�Ƒg�ݍ��킹�ėp����B
<!DOCTYPE html>
<html>
<head>
<title><canvas> tag Sample</title>
<script type="text/javascript">
<!--
function drawCanvas() {
// �`��R���e�L�X�g�̎擾
var cvs = document.getElementById('sample');
if (cvs.getContext) {
var ctx = cvs.getContext('2d');
// �F�̉~��`��
ctx.beginPath();
ctx.fillStyle = "rgb(0, 162, 232)";
ctx.arc(98, 73, 70, 0, 2*Math.PI, true);
ctx.fill();
}
}
//-->
</script>
</head>
<body onload="drawCanvas()">
<canvas id="sample" style="background-color: yellow;">
�u���E�U��<canvas>�^�O���T�|�[�g���Ă��܂���B
</canvas>
</body>
</html>
�@��������s����ƁA���̉�ʂ̂悤�ɂȂ�B
���Z�}���e�B�b�N�v�f
�@IE9�ł́AHTML5�̐V�����Z�}���e�B�b�N�v�f�i�������\����̈Ӗ������^�O�j���T�|�[�g���Ă���B��̓I�ɂ́A���L�̂悤�ȃ^�O���T�|�[�g����Ă���B
�@�����̃Z�}���e�B�b�N�v�f�́A�Ⴆ�Ύ��̂悤�Ȍ`�ŗp����B
<!DOCTYPE html>
<html>
<head>
<title>�Z�}���e�B�b�N�v�f Sample</title>
</head>
<body>
<article>
<header>
<h1>�Z�}���e�B�b�N�v�f�̎g����</h1>
<p>�Z�}���e�B�b�N�v�f�̎g������������܂��B</p>
</header>
<p>�L���̃e�L�X�g���L�q���܂��B</p>
<section>
<h2>1�ڂ̃Z�N�V����</h2>
<p>���̃Z�N�V�����Ɋ܂܂��e�L�X�g���L�q���܂��B</p>
</section>
<section>
<h2>2�ڂ̃Z�N�V����</h2>
<p>���̃Z�N�V�����Ɋ܂܂��e�L�X�g���L�q���܂��B</p>
</section>
<footer>
�t�b�^���L�q���܂��B
</footer>
</article>
</body>
</body>
</html>
���e�L�X�g�I��API
�@�e�L�X�g�I��API�Ƃ́A���[�U�[�ɂ��e�L�X�g�̑I�����擾�E���삷�邽�߂̋@�\�ł���B����T�|�[�g���Ă���̂́A���L��3�̋@�\���B
�i1�jgetSelection���F window�I�u�W�F�N�g�ɑ���Selection�I�u�W�F�N�g��Ԃ��BSelection�I�u�W�F�N�g�́A���ݑI������Ă���e�L�X�g��\���B
�i2�jselectionStart�v���p�e�B�F ���ݑI������Ă���e�L�X�g�̊J�n�ʒu���擾�^�ݒ肷��B
�i3�jselectionEnd�v���p�e�B�F ���ݑI������Ă���e�L�X�g�̏I���ʒu���擾�^�ݒ肷��B
�@���̃R�[�h�́AgetSelection���̗��p�Ⴞ�BHTML�y�[�W��̔C�ӂ̃e�L�X�g��I��������ԂŁA�mtest�n�{�^�����N���b�N����ƁA���̑I���e�L�X�g�����b�Z�[�W�{�b�N�X�ɕ\�������B
<!DOCTYPE html>
<html>
<head>
<title>Text Selection API Sample</title>
</head>
<body>
Please select this text and click button.
<input type="button" value="test"
onclick="alert(window.getSelection().toString())" />
</body>
</html>
���ʒu���iGeolocation�jAPI
�@�ʒu���API�Ƃ́AIE9�����s����Ă���PC�̌��݂̒n���ʒu���ɁAWeb�A�v���P�[�V��������A�N�Z�X���邽�߂̂��̂ł���B���̈ʒu���Ɋ�Â��A�Ⴆ�Βn�}��ɐ����o����\��������A���ݒn�̓V�C�\��������I�ɕ\�������肷��悤�Ȏg�������l������B�������A�i�X�}�[�g�t�H���ł͂Ȃ��jPC��ł͈ʒu��擾�ł��Ȃ��P�[�X�����ʂ��ƍl������̂ŁA���܂�o�Ԃ��Ȃ���������Ȃ��B
�@���L�̃R�[�h�����s����ƁA�ʒu���API��p���Č��݂̈ܓx�^�o�x��Web�y�[�W��ɕ\������B
<!DOCTYPE html>
<html>
<head>
<title>Geolocation API Sample</title>
</head>
<body>
<script type="text/javascript">
<!--
if (window.navigator == null) {
alert("Navigator�����t����܂���B");
}
var gl = window.navigator.geolocation;
if (gl == null) {
alert("Geolocation���T�|�[�g���Ă��܂���B");
}
var id = gl.watchPosition(successCallback, errorCallback);
function successCallback(position)
{
document.write("���݂̈ܓx�^�o�x��<b>�u"
+ position.coords.latitude + "�^" +
+ position.coords.longitude + "�v</b>�ł��B");
window.navigator.geolocation.clearWatch(id);
}
function errorCallback(error) {
alert("�G���[�E�R�[�h�F" + error.code);
}
// -->
</script>
</body>
</html>
��HTML��͂̉��P
�@HTML5�d�l�̑��e�ɐ�������Ă��鋓���Ɍ���Ȃ������悤�ɁAHTML��͏��������P����Ă���B��̓I�ɂ̓W�F�l���b�N�v�f�̎�舵���Ȃǂ�HTML5�d�l�ɕύX����Ă���B
�@�W�F�l���b�N�v�f�Ƃ́A����`�œƎ��̃^�O�̂��Ƃł���BIE8�܂ł͂����̃^�O�͖�������Ă������AIE9����͉�͂���ACSS�Ƃ̊֘A�����������f�����B�Ⴆ�A���L��<mytag>�^�O�́A������CSS���K�p�����B
<!DOCTYPE html>
<html>
<head>
<title>Generic Element Sample</title>
<style type="text/css">
mytag { color: red; }
</style>
</head>
<body>
This is a <mytag>Generic Element</mytag>.
</body>
</html>
��XHTML��͂̃T�|�[�g
�@MIME�^�C�v���uapplication/xhtml+xml�v�̃h�L�������g����͂���Ƃ��ɂ́AXHTML�R�[�h�Ƃ��ĉ�͂���悤�ɂȂ�B
�@�����āACSS3�Ή���������悤�B
Copyright© Digital Advantage Corp. All Rights Reserved.