{"id":34,"date":"2021-02-07T22:47:57","date_gmt":"2021-02-07T21:47:57","guid":{"rendered":"http:\/\/dziewczynanafroncie.pl\/?p=34"},"modified":"2021-04-21T20:00:09","modified_gmt":"2021-04-21T18:00:09","slug":"excepteur-sint-occaecat-cupidatat-non","status":"publish","type":"post","link":"https:\/\/dziewczynanafroncie.pl\/excepteur-sint-occaecat-cupidatat-non\/","title":{"rendered":"Opis tag\u00f3w HTML 5"},"content":{"rendered":"\n

Odk\u0105d HTML 4 sta\u0142 si\u0119 standardem w 1999 roku, Internet bardzo si\u0119 zmieni\u0142. Obecnie niekt\u00f3re elementy HTML 4 s\u0105 ju\u017c przestarza\u0142e, b\u0105d\u017a te\u017c nie u\u017cywane lub nie by\u0142y u\u017cywane nie zgodnie z ich przeznaczeniem. Aby ulepszy\u0107 znaczniki szablon\u00f3w, programi\u015bci zacz\u0119li u\u017cywa\u0107 tag\u00f3w i technik HTML5. Obecnie wi\u0119kszo\u015b\u0107 stron korzysta ju\u017c z nowych tag\u00f3w oferowanych w HTML 5. W poni\u017cszej tabeli pogrupowa\u0142am oraz opisa\u0142am kr\u00f3tko funkcjonalno\u015b\u0107 ka\u017cdego z nich. <\/p>\n\n\n\n\n\n\n\n

1. Nowe znaczniki<\/h5>\n\n\n\n
Tag<\/td>Opis<\/td><\/tr>
<article><\/code><\/td>Okre\u015bla niezale\u017cn\u0105, samodzieln\u0105 zawarto\u015b\u0107, mo\u017ce to by\u0107 artyku\u0142 z wiadomo\u015bciami, post na blogu, post na forum lub inne artyku\u0142y, kt\u00f3re mog\u0105 by\u0107 rozpowszechniane niezale\u017cnie od reszty naszej witryny.<\/td><\/tr>
<aside><\/code><\/td>Stosujemy dla tre\u015bci poza tre\u015bci\u0105, w kt\u00f3rej jest umieszczona. Poboczna tre\u015b\u0107 powinna by\u0107 zwi\u0105zana z otaczaj\u0105c\u0105 tre\u015bci\u0105<\/td><\/tr>
<command><\/code><\/td>Przycisk, przycisk radio lub pole wyboru. Obecnie tylko IE9 wspiera typ command<\/td><\/tr>
<details><\/code><\/td>Do opisywania szczeg\u00f3\u0142\u00f3w dotycz\u0105cych dokumentu lub cz\u0119\u015bci dokumentu<\/td><\/tr>
<summary><\/code><\/td>Podpis lub podsumowanie wewn\u0105trz elementu <details><\/code><\/td><\/tr>
<figure><\/code><\/td>Stosujemy w przypadku grupowania sekcji samodzielnych tre\u015bci, mo\u017ce to by\u0107 np: wideo<\/td><\/tr>
<figcaption><\/code><\/td>Podpis sekcji <figcaption><\/code><\/td><\/tr>
<footer><\/code><\/td>Stopka dokumentu lub sekcji. Mo\u017ce zawiera\u0107 imi\u0119 i nazwisko autora, dat\u0119 dokumentu, dane kontaktowe lub informacje o prawach autorskich<\/td><\/tr>
<header><\/code><\/td>Wprowadzenie do dokumentu lub sekcji mo\u017ce obejmowa\u0107 np: nawigacj\u0119<\/td><\/tr>
<hgroup><\/code><\/td>Stosujemy w przypadku grupowania sekcji nag\u0142\u00f3wk\u00f3w, u\u017cywaj\u0105c <h1><\/code> do <h6><\/code>
, gdzie najwi\u0119kszy jest g\u0142\u00f3wnym nag\u0142\u00f3wkiem sekcji, a pozosta\u0142e b\u0119d\u0105 podtytu\u0142ami<\/td><\/tr>
<mark><\/code><\/td>Stosujemy w przypadku tekstu, kt\u00f3ry powinien by\u0107 wyr\u00f3\u017cniony<\/td><\/tr>
<meter><\/code><\/td>U\u017cywamy do wskazania przedzia\u0142u, tylko wtedy gdy znane s\u0105 warto\u015bci maksymalne i minimalne<\/td><\/tr>
<nav><\/code><\/td>Sekcja navigacji<\/td><\/tr>
<progress><\/code><\/td>Stan pracy w toku<\/td><\/tr>
<ruby><\/code><\/td>Do adnotacji ruby \u200b\u200b(chi\u0144skie notatki lub znaki), jest to ma\u0142y tekst kt\u00f3ry jest adnotacj\u0105 do\u0142\u0105czon\u0105 do tekstu g\u0142\u00f3wnego<\/td><\/tr>
<rt><\/code><\/td>Wyja\u015bnienie do adnotacji <ruby><\/code><\/td><\/tr>
<rp><\/code><\/td>Alternatywa co przegl\u0105darka ma pokaza\u0107 je\u017celi, nie obs\u0142uguj\u0105 elementu <ruby><\/code><\/td><\/tr>
<section><\/code><\/td>Sekcja w dokumencie. Taka jak rozdzia\u0142y, nag\u0142\u00f3wki, stopki lub inne sekcje dokumentu<\/td><\/tr>
<time><\/code><\/td>Definiuje czas, dat\u0119 lub oba<\/td><\/tr>
<wbr><\/code><\/td>Przerwa mi\u0119dzy s\u0142owami. Dla wskazania przegl\u0105darce w kt\u00f3rym miejscu mo\u017ce zrobi\u0107 separator lini<\/td><\/tr>
<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
2. Nowe elementy MEDIA<\/h5>\n\n\n\n
Tag<\/td>Opis<\/td><\/tr>
<audio><\/code><\/td>Przeznaczony do tre\u015bci multimedialnych, d\u017awi\u0119k\u00f3w, muzyki lub innych strumieni audio<\/td><\/tr>
<video><\/code><\/td>U\u017cywany w przypadku tre\u015bci wideo, takich jak klipy filmowe lub inne strumienie wideo<\/td><\/tr>
<source><\/code><\/td>Dla zasob\u00f3w multimedialnych, element\u00f3w multimedialnych, zdefiniowanych wewn\u0105trz element\u00f3w wideo lub audio<\/td><\/tr>
<embed><\/code><\/td>Dla tre\u015bci kt\u00f3re s\u0105 osadzone, takich jak wtyczka<\/td><\/tr>
<track><\/code><\/td>Dla \u015bcie\u017cek tekstowych u\u017cywanych w odtwarzaczach multimedialnych<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
3. Nowe elementy Graficzne<\/h5>\n\n\n\n
Tag<\/td>Opis<\/td><\/tr>
<canvas><\/code><\/td>Do tworzenia grafiki przy u\u017cyciu JavaScript<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
4. Nowe elementy Formularza<\/h5>\n\n\n\n
Tag<\/td>Opis<\/td><\/tr>
<datalist><\/code><\/td>Lista opcji dla warto\u015bci wej\u015bciowych<\/td><\/tr>
<keygen><\/code><\/td>Generuj klucze do uwierzytelniania u\u017cytkownik\u00f3w<\/td><\/tr>
<output><\/code><\/td>Dla r\u00f3\u017cnych typ\u00f3w danych wyj\u015bciowych<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
5. Nowe atrybuty dla typu Input<\/h5>\n\n\n\n
Typ<\/td>Opis<\/td><\/tr>
tel<\/code><\/td>Warto\u015b\u0107 jest typu numer telefonu<\/td><\/tr>
search<\/code><\/td>Pole wyszukiwania<\/td><\/tr>
url<\/code><\/td>Warto\u015b\u0107 to adres URL<\/td><\/tr>
email<\/code><\/td>Warto\u015b\u0107 to co najmniej jeden adres e-mail<\/td><\/tr>
datetime<\/code><\/td>Warto\u015bci\u0105 jest data i \/ lub godzina<\/td><\/tr>
date<\/code><\/td>Warto\u015b\u0107 to data<\/td><\/tr>
month<\/code><\/td>Warto\u015b\u0107 to miesi\u0105c<\/td><\/tr>
week<\/code><\/td>Warto\u015b\u0107 to tydzie\u0144<\/td><\/tr>
time<\/code><\/td>Warto\u015b\u0107 typu czas<\/td><\/tr>
datetime-local<\/code><\/td>Warto\u015b\u0107 to lokalna data \/ godzina<\/td><\/tr>
number<\/code><\/td>Warto\u015b\u0107 to liczba<\/td><\/tr>
range<\/code><\/td>Warto\u015b\u0107 to liczba z podanego zakresu<\/td><\/tr>
color<\/code><\/td>Warto\u015b\u0107 to kolor szesnastkowy, na przyk\u0142ad # FF00AA<\/td><\/tr>
placeholder<\/code><\/td>Okre\u015bla kr\u00f3tk\u0105 wskaz\u00f3wk\u0119 opisuj\u0105c\u0105 oczekiwan\u0105 warto\u015b\u0107 pola<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

Odk\u0105d HTML 4 sta\u0142 si\u0119 standardem w 1999 roku, Internet bardzo si\u0119 zmieni\u0142. Obecnie niekt\u00f3re elementy HTML 4 s\u0105 ju\u017c przestarza\u0142e, b\u0105d\u017a te\u017c nie u\u017cywane lub nie by\u0142y u\u017cywane nie zgodnie z ich przeznaczeniem. Aby ulepszy\u0107 znaczniki szablon\u00f3w, programi\u015bci zacz\u0119li u\u017cywa\u0107 tag\u00f3w i technik HTML5. Obecnie wi\u0119kszo\u015b\u0107 stron korzysta ju\u017c z nowych tag\u00f3w oferowanych w […]<\/p>\n","protected":false},"author":1,"featured_media":416,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[19,27,28],"class_list":["post-34","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-css","tag-html","tag-tagi","tag-znaczniki"],"_links":{"self":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/comments?post=34"}],"version-history":[{"count":1,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/34\/revisions\/409"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/media\/416"}],"wp:attachment":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}