HTML 5 język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest



Podobne dokumenty
Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Rozwoju Regionalnego

Poprzednia wersja HTML, HTML 4.01, pochodzi z Sieć od tego czasu zmieniła się znacznie.

Przegląd technologii

Aplikacje internetowe

Multimedia w HTML5. Statyczne witryny internetowe 2TI/TOR. Marek Kwiatkowski

Aplikacje internetowe Koncepcja Architektura Technologie

2 Podstawy tworzenia stron internetowych

HTML5 Nowe znaczniki header nav article section aside footer

rk HTML 4 a 5 różnice

Wprowadzenie Czym są HTML5 i Adobe Flash? Nowe technologie związane ze standardem Charakterystyka rozwiązań Testy wydajności Podsumowanie Bibliografia

Pliki zorganizowano w strukturze drzewiastej odzwierciedlając strukturę logiczną aplikacji:

OpenLaszlo. OpenLaszlo

Systemy internetowe HTML + CSS - dodatki

Specyfikacja. Załącznik A

HTML. Tim Berners-Lee

XHTML2 i HTML5 Przyszłość WWW oparta o nowe standardy sieciowe HTML5 i XHTML2

Zrozumieć CSS. Co To Jest Styl?

HTML5 Witold Lasik EMII

Nowoczesne Technologie WWW

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

O stronach www, html itp..

Wprowadzenie. 1. Terminal WebRTC. LABORATORIUM 5: WebRTC komunikacja między terminalami.

Dokument hipertekstowy

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE

Responsive web design : projektowanie elastycznych witryn w HTML5 i CSS3 / Ben Frain. Wyd. 2. Gliwice, cop Spis treści

HTML (HyperText Markup Language) hipertekstowy język znaczników

Języki programowania wysokiego poziomu WWW

Obiektowy model dokumentu. Katedra Mikroelektroniki i Technik Informatycznych

Przygotowanie do nowoczesnego programowania po stronie przeglądarki. (HTML5, CSS3, JS, wzorce, architektura, narzędzia)

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

<meta http-equiv="content-type" content="text/html; charset=iso ">

Przedmiot: Grafika komputerowa i projektowanie stron WWW

JavaFX. Technologie Biznesu Elektronicznego. Wydział Informatyki i Zarządzania Politechnika Wrocławska

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

Akademia Techniczno-Humanistyczna w Bielsku-Białej

która metoda jest najlepsza

Formularze WPROWADZENIE

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Programowanie internetowe

Tworzenie aplikacji Web Alicja Zwiewka. Page 1

1. Protokoły. Co programy wykorzystują do komunikacji przez sieć? wykorzystują protokoły komunikacyjne

WIZUALIZACJA INFORMACJI TEKSTOWEJ WSTĘP DO HTML 5 CANVAS

mgr inż. Jacek Staniec Język XML

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

DOKUMENTY CYFROWE. Waldemar Korłub. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska

HTML, Javascript, CSS oraz Bootstrap

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

Tworzenie Stron Internetowych. odcinek 6

Jak projektować dostępne strony

extensible Markup Language, cz. 1 Marcin Gryszkalis, mg@fork.pl

WPF 4.5 : księga eksperta / Adam Nathan. Gliwice, cop Spis treści

Szczegółowy opis zamówienia:

Front-end: solidne podstawy. Wszystko, co warto wiedzieć o HTML, CSS, JavaScript i Bootstrap.

HTML5 i CSS. Deklaracja <!DOCTYPE> musi być na początki dokumentu napisanego w HTML5 przed tagiem <html>.

Projektowanie stron WWW

I. Dlaczego standardy kodowania mailingów są istotne?

Formaty plików. graficznych, dźwiękowych, wideo

Modele danych walidacja widoki zorientowane na model

TECHNIKI WWW (WFAIS.IF-C125) (zajęcia r.)

Multimedia i interfejsy. Ćwiczenie 5 HTML5

Technologie Internetu HTML. Aleksander Denisiuk.

Narzędzia informatyczne w językoznawstwie

Plan dzisiejszego wykładu. Narzędzia informatyczne w językoznawstwie. XML - Definicja. Zalety XML

Hosting WWW Bezpieczeństwo hostingu WWW. Dr Michał Tanaś (

Defilada - przykład wykorzystujący animowane modele Copperlicht. Andrzej P.Urbański Politechnika Poznańska

Dokumentacja Użytkownika Systemu

Steganografia w HTML. Łukasz Polak

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Wprowadzenie do technologii XML

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.

Tomasz Grześ. Systemy zarządzania treścią

Źródła. cript/1.5/reference/ Ruby on Rails: AJAX: ssays/archives/

Spis treści. Księgarnia PWN: Roland Zimek - SWiSH Max2 i SWiSH Max3. Wprowadzenie... 9

Szkolenie wycofane z oferty. Programowanie w JavaScript (zawiera jquery)

Spis treści. Księgarnia PWN: Roland Zimek - Swish Max3

I. Formatowanie tekstu i wygląd strony

Przewodnik Google Cloud Print

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

HTML 5. w tworzeniu aplikacji internetowych. czwartek, 5 kwietnia 12

Rozdział 1. Informacje podstawowe

Wydział Ekonomiczno-Informatyczny w Wilnie. 1. Podstawy programowania strukturalnego (C) 2. Wstęp do programowania obiektowego

Przykładowy dokument XML

Efektywne tworzenie aplikacji webowych z wykorzystaniem AngularJS, HTML5 i JavaScript

NTW - Bezp. sieci Lista nr 1 mgr inż. Adam Dudek

A P L I K A C J E I N T E R N E T O W E KONSPEKT nr 3 (DIV, galeria, formularze)

WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1

Pierwsza strona internetowa

Dostosowywanie wyglądu aplikacji czytelnika w oparciu o oprogramowanie dlibra 5.0

Podstawy programowania w języku JavaScript

ROZSZERZENIE DO PRZEGLĄDARKI FIREFOX. Ograniczenia i bariery osób starszych. Bartosz Skurczyński (PJWSTK)

ASPEKTY TECHNOLOGICZNE APTEK INTERNETOWYCH

PROJEKTOWANIE STRON WWW W4

Dokument hipertekstowy

WYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I

TIN Techniki Internetowe zima

SPECYFIKACJA FORM REKLAMOWYCH


Transkrypt:

język wykorzystywany do tworzenia i prezentowania stron internetowych www. Jest rozwinięciem języka HTML 4 i jego XML-owej odmiany (XHTMl 1), opracowywane w ramach prac grupy roboczej WHATWG (Web Hypertext Application Technology Working Group) i W3C. Jest to konkurencyjna specyfikacja w stosunku do specyfikacji XHTML 2, której rozwój został porzucony 2 lipca 2009 roku wsparcie wszystkich środowisk i producentów przeglądarek ukierunkowane jest na. Nazwę można zapisywać jako - jako wersję lub HTML5 - jako nazwę. 1

Główna różnica pomiędzy a XHTML 2 polega na tym, że jest pisane z myślą o kompatybilności wstecznej, podczas gdy XHTML 2 zrywało z kompatybilnością. poza dodaniem nowych elementów, usprawniających tworzenie serwisów i aplikacji internetowych, doprecyzowuje wiele niejasności w specyfikacji HTML 4, dotyczących przede wszystkim sposobu obsługi błędów. Niejasności co do sposobu, w jaki przeglądarki powinny obsługiwać błędy w kodzie HTML są jedną z podstawowych przyczyn, dla której wiele serwisów internetowych, napisanych z naruszeniem specyfikacji, w różnych przeglądarkach działa w inny sposób w niektórych działając, w innych nie. 2

Dzięki HTML-owi 5 obsługa błędów ma być ta sama we wszystkich przeglądarkach, czyli zły element będzie działać w każdej przeglądarce albo żadnej. także stawia na semantykę. Element <div> traci na znaczeniu na rzecz <header /> <hgroup /> <article /> <aside /> <canvas /> <figure /> <header /> <footer /> <details /> <summary /> <nav />. Element <span> ma być mniej używany na rzecz <mark /> <output /> <u /> <strike /> (ostatnie dwa znaczniki były w HTML4 zdeprecjonowane - deprecated ). 3

Grupa pracująca nad HTML5 przyjęła inny sposób myślenia. Na przykład podkreślenie i przekreślenie podczas tworzenia HTML 4 uważano za elementy czysto prezentacyjne i zdeprecjonowano je - miały zostać usunięte w HTML5. Nawet kursywę i pogrubienie często próbowano zastąpić emfazą. W myśl tego nowe znaczniki liniowe nie powinny powstać. Jeśli sposób myślenia W3C się nie zmienił, nie powstałoby też kilka innych znaczników np. <progress /> wysyłany jako XML nazywany jest X. 4

Niektóre różnice w stosunku do HTML 4 Nowe tagi: section, article, header, footer, nav, video, audio, mark, progress,... Nowe typy inputów: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color. Nowe atrybuty elementów formularzy: autofocus, required, autocomplete, min, max, multiple, pattern, step,... Możliwość osadzenia MathML i SVG bezpośrednio w dokumencie, zupełnie jak w XHTML, nie zawiera żadnych elementów prezentacyjnych nie jest podzielone na żadne tryby - nie ma elementów zdeprecjonowanych. 5

Obsługa błędów Przeglądarki obsługujące HTML5 będą dostosowane do obsługi błędów w składni. HTML5 został zaprojektowany tak, by starsze przeglądarki bez problemu mogły ignorować nowe konstrukcje. W przeciwieństwie do starszego HTML 4.01 specyfikacja tej wersji zawiera szczegółowe instrukcje jak postępować z niepoprawną składnią, przez co strony z błędami będą wyświetlane w ten sam sposób w różnych przeglądarkach. 6

Nowe typy znaczników canvas Canvas jest elementem HTML, który może być użyty do rysowania grafik przy użyciu skryptów (zazwyczaj JavaScript). Na przykład może być użyty do rysowania wykresów, tworzenia kompozycji fotografii lub do animacji. Po raz pierwszy znacznik <canvas> został przedstawiony przez Apple dla Mac OS X Dashboard i później zaimplementowany w Safari. Przeglądarki oparte na silniku Gecko począwszy od wersji 1.8 (tj. Firefox 1.5 oraz późniejsze) obsługują ten nowy element. Jest również wspierany przez Opera oraz InternetExplorer 9. 7

Nowe typy znaczników audio i video Znaczniki <audio> i <video> dają możliwość odtwarzania na stronie dźwięku i klipów wideo bez użycia dodatkowych wtyczek. Problem stanowi brak porozumienia producentów przeglądarek co do użycia tych samych kodeków w swoich produktach. 8