{"id":595,"date":"2018-05-30T17:30:15","date_gmt":"2018-05-30T15:30:15","guid":{"rendered":"https:\/\/glancu.com\/blog\/?p=595"},"modified":"2018-06-15T22:11:01","modified_gmt":"2018-06-15T20:11:01","slug":"tipy-do-html5","status":"publish","type":"post","link":"https:\/\/glancu.com\/blog\/tipy-do-html5\/","title":{"rendered":"Tipy do HTML5"},"content":{"rendered":"

Dzisiaj przedstawi\u0119 Ci kilka tip\u00f3w dla HTML. Zapraszam!<\/p>\n

<\/p>\n

Doctype<\/h3>\n

Je\u017celi nie mo\u017cesz zapami\u0119ta\u0107 kodu:<\/p>\n

<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\"<\/code><\/div>\n
\"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/code><\/div>\n
<\/div>\n
<\/div>\n
Mo\u017cesz zast\u0105pi\u0107 go jedn\u0105 linijk\u0105:<\/div>\n
<\/div>\n
<!DOCTYPE html><\/code><\/div>\n

Nie musisz pisa\u0107 typ\u00f3w<\/h3>\n

Je\u017celi piszesz kod na plik css albo js, zamiast kodu:<\/p>\n

<link rel=\"stylesheet\" type=\"text\/css\"<\/strong> href=\"css\/style.css\" \/><\/code><\/p>\n

Mo\u017cesz zast\u0105pi\u0107:<\/p>\n

<link rel=\"stylesheet\" href=\"css\/style.css\" \/><\/code><\/p>\n

Sematyka<\/h3>\n

Przed HTML5 pisa\u0142o si\u0119 kod w stylu:<\/p>\n

<div class=\"header\"><!--kod--><\/div><\/code><\/p>\n

Mo\u017cesz napisa\u0107 teraz tak:<\/p>\n

<header><!--kod--><\/header><\/code><\/p>\n

Oczywi\u015bcie zadzia\u0142a to r\u00f3wnie\u017c dla stopki (<footer><\/footer>), nav (<nav><\/nav>) i wielu innych, kt\u00f3re mo\u017cesz sprawdzi\u0107 tutaj<\/a>.<\/p>\n

Edytuj tekst<\/h3>\n

W HTML5 pojawi\u0142 si\u0119 nowy atrybut\u00a0contenteditable<\/strong>, kt\u00f3ry pozwala na edycj\u0119 tekstu (dzia\u0142a tak samo, jak by tekst by\u0142 w inpucie)<\/p>\n

Przyk\u0142ad kodu:<\/p>\n

<p\u00a0contenteditable=\"true\">Przyk\u0142adowy tekst<\/p><\/code><\/p>\n

HTML5 dla IE<\/h3>\n

Je\u017celi chcesz, \u017ceby Tw\u00f3j kod dzia\u0142a\u0142 r\u00f3wnie\u017c na starszych wersjach umie\u015b\u0107 w sekcji head kod:<\/p>\n

<!--[if lt IE 9]><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><script src=\"https:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js\"><\/script><\/code><\/div>\n
<![endif]--><\/code><\/div>\n

Opis obrazka<\/h3>\n

Przed wej\u015bciem HTML5 u\u017cywa\u0142o si\u0119 kodu:<\/p>\n

<img src=\"images\/logo.png\" alt=\"logo\" \/><\/code><\/p>\n

<p>To jest logo<\/p><\/code><\/p>\n

Po wej\u015bciu HTML5 korzysta si\u0119 z kodu:<\/p>\n

<figure>
\n<img src=\"images\/logo.png\" alt=\"logo\" \/>
\n<figcaption>
\n<p>To jest logo<\/p>
\n<\/figcaption>
\n<\/figure>><\/code><\/div>\n

 <\/p>\n

Podsumowanie<\/h3>\n

Jak widzisz, pojawi\u0142o si\u0119 sporo nowych rzeczy w HTML5. Oczywi\u015bcie wy\u017cej wymienione zmiany, to nie s\u0105 wszystkie nowo\u015bci, ale jedynie ich cz\u0119\u015b\u0107. By\u0107 mo\u017ce w przysz\u0142o\u015bci pojawi\u0105 si\u0119 kolejne wpisy, kt\u00f3re poka\u017c\u0105 Ci zmiany w HTML5.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Dzisiaj przedstawi\u0119 Ci kilka tip\u00f3w dla HTML. Zapraszam!<\/div>\n","protected":false},"author":31241,"featured_media":597,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[261],"tags":[249,251,250,252],"class_list":["post-595","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-html5","tag-nowosci","tag-sematyka","tag-tipy"],"better_featured_image":{"id":597,"alt_text":"tipy html5","caption":"","description":"","media_type":"image","media_details":{"width":640,"height":640,"file":"2018\/05\/tipy-do-html5.png","sizes":{"thumbnail":{"file":"tipy-do-html5-440x290.png","width":440,"height":290,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-440x290.png"},"medium":{"file":"tipy-do-html5-300x300.png","width":300,"height":300,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-300x300.png"},"gazana_standard":{"file":"tipy-do-html5-640x640.png","width":640,"height":640,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-640x640.png"},"gazana_grid":{"file":"tipy-do-html5-530x380.png","width":530,"height":380,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-530x380.png"},"gazana_list":{"file":"tipy-do-html5-530x640.png","width":530,"height":640,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-530x640.png"},"gazana_masonry":{"file":"tipy-do-html5-530x530.png","width":530,"height":530,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-530x530.png"},"gazana_mini":{"file":"tipy-do-html5-100x100.png","width":100,"height":100,"mime-type":"image\/png","source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5-100x100.png"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}},"post":595,"source_url":"https:\/\/glancu.com\/blog\/wp-content\/uploads\/2018\/05\/tipy-do-html5.png"},"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t