HTML5 Poradniki
HTML5 to najnowsza wersja HTML w październiku 2014 roku przez World Wide Web Consortium (W3C) normy zakończone.
HTML5 jest przeznaczony do obsługi multimediów na urządzeniach mobilnych.
HTML5 jest łatwy do nauczenia.
Co to HTML5?
HTML5 to następna generacja standardu HTML.
HTML, poprzednia wersja HTML 4.01 urodził się w 1999 roku. Od tego czasu, Web świecie uległa zmianie morza.
HTML5 jest wciąż w perfekcji. Jednak większość nowoczesnych przeglądarek już pewne wsparcie HTML5.
HTML5 jest jak zacząć?
W3C i WHATWG HTML5 jest wynikiem współpracy WHATWG oznacza Web Application Technology Group robocza Hypertext. ,
WHATWG dedykowane formularze i aplikacje, a koncentruje się na W3C XHTML 2.0. W 2006 roku obie strony zdecydowały się współpracować, aby stworzyć nową wersję HTML.
HTML5 kilka ciekawych nowych funkcji:
- Do malowania elementu canvas
- audio i wideo elementy do odtwarzania multimediów
- Lepsze wsparcie dla lokalnego przechowywania w trybie offline
- Nowe elementy specjalne materiały, takie jak artykuł, stopka, nagłówek, nav, sekcja
- Nowe kontrolki formularzy, takich jak kalendarz, data, czas, e-mail, adres URL wyszukiwania
HTML5 <! DOCTYPE>
<! DOCTYPE> Deklaracja musi być w pierwszym wierszu dokumentu HTML5, bardzo prosty w obsłudze:
Minimalna dokument HTML5
Oto prosty dokument HTML5:
Uwaga: W przypadku chińskich stron internetowych trzeba używać <meta charset = "utf-8 "> oświadczenie, w przeciwnym razie będzie zniekształcony.
Lepsza HTML5
- Nowym elementem
- Nowa właściwość
- Pełne wsparcie dla CSS3
- Audio Video
- rysunek 2D / 3D
- magazyn lokalny
- Lokalny danych SQL
- Aplikacje internetowe
HTML5 Multimedia
Można po prostu użyć HTML5 odtwarzanie wideo (Video) i audio (Audio) na stronie.
HTML5 Application
Można po prostu używać do tworzenia aplikacji HTML5
- Dostępność lokalnego magazynu danych
- Dostęp do plików lokalnych
- Lokalny danych SQL
- cytat cache
- pracownicy javascript
- XHTMLHttpRequest 2
grafika HTML5
Użyj HTML5 można po prostu wyciągnąć grafiki:
- Użyj <canvas> elementu.
- Użyj inline SVG .
- Użyj konwersji 2D CSS3 , konwersję CSS3 3D .
Użyj HTML5 CSS3
- Nowy selektor
- Nowa właściwość
- ożywienie
- Konwersja 2D / 3D
- filet
- efekt cienia
- czcionki do pobrania
Dowiedz się więcej informacji można znaleźć w CSS3 miejsce tutoriali CSS3.
elementy semantyczne
HTML5 dodaje wiele elementów semantyczne są następujące:
etykieta | opis |
---|---|
<Article> | Zdefiniować oddzielną część zawartości strony. |
<Poza> | Definiowanie bocznym treści stron. |
<BDI> | To pozwala na ustawienie kawałek tekstu, kierunek tekstu od ustawienia elementu nadrzędnego. |
<Polecenie> | Przyciski poleceń niestandardowych - takich jak przyciski radiowe, pola wyboru lub przyciski |
<Szczegóły> | Szczegóły dokumentu lub sekcji |
<Dialog> | okno dialogowe, takie jak balony Dostosuj |
<Summary> | Tag tytuł zawiera szczegółowe informacje o elementach |
<Figure> | Odrębne przepisy strumieniowe treści (obrazy, grafiki, fotografie, kod, itp). |
<Figcaption> | Definicja <figure> Tytuł elementu |
<Stopka> | Zdefiniowany punkt lub stopka dokumentu. |
<Nagłówek> | Definiuje obszar nagłówku dokumentu |
<Zaznacz> | Zdefiniowane tekstu ze znakiem. |
<Licznik> | Definicja miar i wag. Znany wykorzystywane wyłącznie do mierzenia wartości maksymalne i minimalne. |
<Nawigacja> | Definiowanie sekcji linków nawigacyjnych. |
<Progress> | Ustalonego harmonogramu każdy rodzaj zadania. |
<Ruby> | Definicja rubinowym adnotacji (chiński fonetycznego lub znaków). |
<R> | Zdefiniowane znaków (chiński fonetycznego lub postaci) interpretacja lub wymowy. |
<Rp> | W Ruby adnotacji służy do określenia zawartości nie obsługuje przeglądarkę elementu ruby wyświetlany. |
<Section> | Definicja sekcji dokumentu (sekcja, sekcja). |
<Czas> | Określ datę lub godzinę. |
<WBR> | Postanowienia zawarte w tekście, gdzie to stosowne, aby dodać podział wiersza. |
Formy HTML5
Nowe elementy formularza, nowe atrybuty, nowe typy wejść automatyczne weryfikacji.
usunięte elementy
Poniższy HTML 4.01 elementy HTML5 został usunięty:
- <Acronym>
- <Applet>
- <BASEFONT>
- <Big>
- <Center>
- <Dir>
- <Font>
- <Ramka>
- <Frameset>
- <Noframes>
- <Strike>
Przykłady każdego rozdziału
Dzięki naszej edytora HTML można edytować kod HTML, a następnie kliknij przycisk, aby zobaczyć wyniki.
Przykłady
Spróbuj »
Kliknij przycisk "Try", aby wyświetlić wyniki operacji w Internecie.
Wsparcie Przeglądarka HTML5
Najnowszą wersję Safari, Chrome, Firefox i Opera obsługuje niektórych funkcji HTML5. Internet Explorer 9 będzie wspierać niektóre funkcje HTML5.
Przeglądarka IE9 kompatybilne wersje następujących metod HTML5, pakiet html5shiv korzystania z witryny do zasobów statycznych:
Po załadowaniu, inicjowania nowych etykiet CSS:
HTML5 Reference Manual
W tym miejscu można znaleźć znaczniki HTML5 i atrybuty opisane szczegółowo kliknij HTML5 Reference Manual .