Latest web development tutorials

HTML5 Poradniki

HTML

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:

<! DOCTYPE html>

Minimalna dokument HTML5

Oto prosty dokument HTML5:

<! DOCTYPE html> <Html> <Head> <meta charset = "utf-8"> <Title> Tytuł dokumentu </ title> </ Head> <Body> treść dokumentu ...... </ body> </ Html>

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 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

<! DOCTYPE HTML> <Html> <Head> <meta charset = "utf-8"> <Title> Ten poradnik (w3big.com) </ title> </ Head> <Body> <video width = "320" height = "240" kontrole> <Źródło src = "movie.mp4" type = "video / mp4"> <Źródło src = "movie.ogg" type = "video / ogg"> Twoja przeglądarka nie obsługuje znacznika video. </ Video> </ Body> </ Html>

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:

<! - [If lt IE9] > <script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> <! [Endif]! - ->

Po załadowaniu, inicjowania nowych etykiet CSS:

/ * * HTML5 / artykuł na bok, dialogowe, stopka, nagłówek sekcji, footer, nav, rysunek, menu {display: block }

HTML5 Reference Manual

W tym miejscu można znaleźć znaczniki HTML5 i atrybuty opisane szczegółowo kliknij HTML5 Reference Manual .