Автор работы: Пользователь скрыл имя, 13 Октября 2013 в 07:21, курсовая работа
HTML5 — это пятая версия основного языка разметки веб-страниц. HTML5 стремиться сделать интернет-сайты боле семантически правильными, более интерактивными, более быстрыми. В связи с этим значительный интерес представляет изучение данной области. Целью данной курсовой работы является рассмотрение стандарта HTML5, его особенности, преимущества и недостатки, примеры реализаций, примеры сайтов на HTML5 как зарубежных, так и российских.
Введение 3
1. История появления HTML5 4
2. Особенности HTML5 6
3. Отличия HTML5 от предыдущих версий. Сравнительный анализ плюсов и минусов 10
3.1 Преимущества HTML5 10
3.2 Недостатки HTML5 14
4. Примеры реализации на HTML5 16
5. Примеры зарубежных и российских сайтов на HTML5 17
6. Сравнение браузеров (HTML5) 20
Заключение 23
Список литературы 24
Приложение №2
Приложение №3
Приложение №4
Сравнение браузеров (HTML5)
Parsing rules |
11 |
11 |
11 | |||||||||
<!DOCTYPE html> triggers standards mode » |
Yes ✔ |
Yes ✔ |
Yes ✔ | |||||||||
HTML5 tokenizer » |
Yes ✔ |
Yes ✔ |
Yes ✔ | |||||||||
HTML5 tree building » |
Yes ✔ |
Yes ✔ |
Yes ✔ | |||||||||
SVG in text/html » |
Yes ✔ |
Yes ✔ |
Yes ✔ | |||||||||
MathML in text/html » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Canvas |
20 |
20 |
20 |
canvas element » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
2D context » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Text » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Video |
21 |
31 |
21 |
video element » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Subtitle support » |
No ✘ |
Yes ✔ |
No ✘ |
Poster image support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
MPEG-4 support » |
No ✘ |
Yes ✔ |
No ✘ |
H.264 support » |
Yes ✔ |
Yes ✔ |
No ✘ |
Ogg Theora support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
WebM support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Audio |
20 |
20 |
20 |
audio element » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
PCM audio support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
AAC support » |
Yes ✔ |
Yes ✔ |
No ✘ |
MP3 support » |
Yes ✔ |
Yes ✔ |
No ✘ |
Ogg Vorbis support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
WebM support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Elements |
25 |
24 |
21 |
Embedding custom non-visible data » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
New or modified elements | |||
Section elements |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Grouping content elements |
Yes ✔ |
Partial ○ |
Partial ○ |
Text-level semantic elements |
Partial ○ |
Partial ○ |
Partial ○ |
Interactive elements |
Partial ○ |
Partial ○ |
Partial ○ |
Global attributes or methods | |||
hidden attribute » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Dynamic markup insertion |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Forms |
74 |
86 |
56 |
Field types | |||
input type=text |
Yes ✔ |
Yes ✔ |
Yes ✔ |
input type=search |
Yes ✔ |
Yes ✔ |
Yes ✔ |
input type=tel |
Yes ✔ |
Yes ✔ |
Yes ✔ |
input type=url |
Yes ✔ |
Yes ✔ |
Yes ✔ |
input type=email |
Yes ✔ |
Yes ✔ |
Yes ✔ |
input type=datetime |
No ✘ |
Partial ○ |
No ✘ |
input type=date |
No ✘ |
Partial ○ |
No ✘ |
input type=month |
No ✘ |
Partial ○ |
No ✘ |
input type=week |
No ✘ |
Partial ○ |
No ✘ |
input type=time |
No ✘ |
Partial ○ |
No ✘ |
input type=datetime-local |
No ✘ |
Partial ○ |
No ✘ |
input type=number |
Yes ✔ |
Yes ✔ |
No ✘ |
input type=range |
Yes ✔ |
Yes ✔ |
No ✘ |
input type=color |
No ✘ |
Partial ○ |
No ✘ |
input type=checkbox |
Yes ✔ |
Yes ✔ |
Yes ✔ |
input type=image |
Partial ○ |
Partial ○ |
Partial ○ |
input type=file |
Yes ✔ |
Yes ✔ |
Yes ✔ |
textarea |
Yes ✔ |
Yes ✔ |
Yes ✔ |
select |
Yes ✔ |
Yes ✔ |
Yes ✔ |
fieldset |
Partial ○ |
Partial ○ |
Yes ✔ |
datalist |
No ✘ |
Partial ○ |
Yes ✔ |
keygen |
Yes ✔ |
Yes ✔ |
No ✘ |
output |
Yes ✔ |
Yes ✔ |
Yes ✔ |
progress |
Yes ✔ |
Yes ✔ |
Yes ✔ |
meter |
Yes ✔ |
Yes ✔ |
No ✘ |
Fields | |||
Field validation |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Association of controls and forms |
Yes ✔ |
Yes ✔ |
Partial ○ |
Other attributes |
Yes ✔ |
Yes ✔ |
Partial ○ |
CSS selectors |
Yes ✔ |
Yes ✔ |
Partial ○ |
Events |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Forms | |||
Form validation |
Yes ✔ |
Yes ✔ |
Yes ✔ |
User interaction |
37 |
37 |
35 |
Drag and drop | |||
Attributes |
Yes ✔ |
Yes ✔ |
Partial ○ |
Events |
Yes ✔ |
Yes ✔ |
Yes ✔ |
HTML editing | |||
Editing elements |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Editing documents |
Yes ✔ |
Yes ✔ |
Yes ✔ |
APIs |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Spellcheck | |||
spellcheck attribute » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
History and navigation |
5 |
5 |
5 |
Session history » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Microdata |
0 |
0 |
0 |
Microdata » |
No ✘ |
No ✘ |
No ✘ |
Web applications |
18 |
17 |
20 |
Application Cache » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Custom scheme handlers » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Custom content handlers » |
No ✘ |
No ✘ |
Yes ✔ |
Custom search providers » |
Yes ✔ |
No ✘ |
Yes ✔ |
Security |
5 |
5 |
0 |
Sandboxed iframe » |
Yes ✔ |
Yes ✔ |
No ✘ |
Seamless iframe » |
No ✘ |
No ✘ |
No ✘ |
iframe with inline contents » |
No ✘ |
No ✘ |
No ✘ |
Various |
4 |
4 |
4 |
Scoped style element » |
No ✘ |
No ✘ |
No ✘ |
Asyncronous script execution » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Runtime script error reporting » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Base64 encoding and decoding » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
related specifications
Location and Orientation |
20 |
20 |
20 |
Geolocation » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Device Orientation » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
WebGL |
25 |
25 |
24 |
3D context » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Native binary data |
Yes ✔ |
Yes ✔ |
Partial ○ |
Communication |
35 |
37 |
37 |
Cross-document messaging » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Server-Sent Events » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
XMLHttpRequest Level 2 |
Partial ○ |
Yes ✔ |
Yes ✔ |
WebSocket » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Files |
20 |
20 |
10 |
FileReader API » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
FileSystem API » |
Yes ✔ |
Yes ✔ |
No ✘ |
Storage |
20 |
20 |
20 |
Session Storage » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Local Storage » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
IndexedDB » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Web SQL Database » |
Yes ✔ |
Yes ✔ |
No ✘ |
Workers |
15 |
10 |
10 |
Web Workers » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Shared Workers » |
Yes ✔ |
No ✘ |
No ✘ |
Local multimedia |
0 |
20 |
0 |
Access the webcam » |
No ✘ |
Yes ✔ |
No ✘ |
Notifications |
10 |
10 |
0 |
Web Notifications » |
Yes ✔ |
Yes ✔ |
No ✘ |
Other |
7 |
7 |
7 |
Page Visibility » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Text selection » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
Scroll into view » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
experimental
Audio |
4 |
4 |
0 |
Web Audio API » |
Yes ✔ |
Yes ✔ |
No ✘ |
Video and Animation |
4 |
4 |
4 |
Full screen support » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
window.requestAnimationFrame » |
Yes ✔ |
Yes ✔ |
Yes ✔ |
1 World Wide Web Consortium (W3C) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины. Консорциум возглавляет сэр Тимоти Джон Бернерс-Ли, автор множества разработок в области информационных технологий.
2 XHTML (англ. Extensible Hypert