{"id":258016,"date":"2023-01-03T14:04:00","date_gmt":"2023-01-03T11:04:00","guid":{"rendered":"https:\/\/inform.click\/powody-dla-ktorych-warto-przejsc-na-html5-oraz-przyklady-ktore-jeszcze-bardziej-to-popieraja\/"},"modified":"2023-01-03T14:04:00","modified_gmt":"2023-01-03T11:04:00","slug":"powody-dla-ktorych-warto-przejsc-na-html5-oraz-przyklady-ktore-jeszcze-bardziej-to-popieraja","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/powody-dla-ktorych-warto-przejsc-na-html5-oraz-przyklady-ktore-jeszcze-bardziej-to-popieraja\/","title":{"rendered":"Powody, dla kt\u00f3rych warto przej\u015b\u0107 na HTML5, oraz przyk\u0142ady, kt\u00f3re jeszcze bardziej to popieraj\u0105"},"content":{"rendered":"

\n Wirtuozowski odcinek innowacji, HTML5 jest rzeczywi\u015bcie technologi\u0105, kt\u00f3ra wnios\u0142a now\u0105 krew do gatunku tworzenia stron internetowych. Niezale\u017cnie od tego, czy chcesz, aby Twoja witryna internetowa mog\u0142a pochwali\u0107 si\u0119 funkcjami zmiany kszta\u0142tu, czy te\u017c chcesz, aby prezentowa\u0142a si\u0119 przyt\u0142aczaj\u0105co pi\u0119knym wygl\u0105dem, HTML5 wykona to zadanie za Ciebie i to w najbardziej imponuj\u0105cy spos\u00f3b.\n<\/p>\n

\n Chocia\u017c ta platforma pojawi\u0142a si\u0119 w dziedzinie tworzenia stron internetowych ju\u017c jaki\u015b czas temu, nie brakuje webmaster\u00f3w, kt\u00f3rzy nie maj\u0105 jej na swojej li\u015bcie \u201e3 najlepszych preferowanych narz\u0119dzi”, je\u015bli chodzi o tworzenie stron internetowych. I du\u017ca cz\u0119\u015b\u0107 z tych webmaster\u00f3w korzysta ju\u017c z innych platform w swoich witrynach internetowych, id\u0105c na kompromisy w zakresie szeregu funkcji, kt\u00f3re HTML5 m\u00f3g\u0142by zintegrowa\u0107 z ich witrynami.\n<\/p>\n

\n 1 Daje woln\u0105 r\u0119k\u0119 kreatywnym duszom
\n<\/h5>\n

\n Innowacyjno\u015b\u0107 jest znakiem rozpoznawczym najwi\u0119kszych projektant\u00f3w i programist\u00f3w, a kiedy pojawia si\u0119 narz\u0119dzie, kt\u00f3re pozwala im na nieograniczone wykorzystanie kreatywno\u015bci, nale\u017cy je poprze\u0107. HTML5 idealnie pasuje do rachunku iw najrozs\u0105dniejszy spos\u00f3b. Jako platforma do tworzenia stron internetowych, HTML5 jest bardzo konfigurowalny, co pozwala profesjonalistom od projektowania wyrazi\u0107 siebie. Tak wi\u0119c, gdy Twoim celem jest wyprzedzanie konkurencji, pow\u00f3z HTML5 jest do z\u0142apania.\n<\/p>\n

\n 2 Znacznie ulepszona obs\u0142uga wideo jest do wzi\u0119cia
\n<\/h5>\n

\n Obs\u0142uga wideo zosta\u0142a znacznie ulepszona dzi\u0119ki nowemu wbudowanemu wideo HTML5 dla przegl\u0105darek. Poniewa\u017c nie wszystkie przegl\u0105darki obs\u0142uguj\u0105 r\u00f3\u017cne formaty, takie jak H.264, aby wy\u015bwietli\u0107 wideo HTML5, musisz u\u017cy\u0107 nast\u0119puj\u0105cych element\u00f3w:\n<\/p>\n

<video controls=\"\" preload=\"\"><code>     <source src=\"cohagenPhoneCall.ogv\" type=\"video\/ogg; codecs='vorbis, theora'\" \/><\/code>          \n
\n  Your browser does not support the format. Download this format.<\/a>\n<\/p><\/video><\/code><\/pre>\n
\n  3 Pozwala tworzy\u0107 strony internetowe \u201edla urz\u0105dze\u0144 mobilnych”, zamiast zmusza\u0107 Ci\u0119 do tworzenia wielu wersji
\n<\/h5>\n
\n  Zaloguj si\u0119 do analityki swojej witryny, podrap troch\u0119 po powierzchni i obserwuj platformy systemu operacyjnego, z kt\u00f3rych uzyskujesz wi\u0119kszo\u015b\u0107 odwiedzin. B\u0119dziesz zaskoczony, widz\u0105c, \u017ce wi\u0119kszo\u015b\u0107 Twoich odwiedzin pochodzi od u\u017cytkownik\u00f3w mobilnych, w przeciwie\u0144stwie do liczb sprzed roku, kiedy prawdopodobnie mia\u0142e\u015b wi\u0119cej u\u017cytkownik\u00f3w komputer\u00f3w stacjonarnych w swojej witrynie. W zwi\u0105zku z tym tworzenie witryny na urz\u0105dzenia mobilne jest znacznie bardziej zalecane ni\u017c tworzenie witryny zorientowanej na komputery stacjonarne, a nast\u0119pnie tworzenie jej wersji przyjaznej dla urz\u0105dze\u0144 mobilnych. A HTML5 sprawia, \u017ce \u200b\u200btworzenie stron internetowych dostosowanych do urz\u0105dze\u0144 mobilnych, kt\u00f3re zachowuj\u0105 atrakcyjno\u015b\u0107 dla oka, gdy otwiera si\u0119 je na mniejszych ekranach, jest bardzo wydajnym \u0107wiczeniem i dostosowuje si\u0119 do zmniejszonego rozmiaru bez rzucania kompatybilno\u015bci\u0105 lub problemami z responsywno\u015bci\u0105.\n<\/p>\n
\n  4 Zawi\u0142y dokument XHTML ust\u0119puje miejsca prostszej, mniej k\u0142opotliwej wersji
\n<\/h5>\n
\n  M\u00f3wi\u0105c wprost, doctype XHTML nie spotka\u0142o si\u0119 z entuzjazmem w\u015br\u00f3d programist\u00f3w. A pow\u00f3d tego samego jest bardziej ni\u017c oczywisty, poniewa\u017c jest napisany jako:\n<\/p>\n
nbsp;   \"http:\/\/www.xyz.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/code><\/pre>\n
\n  HTML5 sprawi\u0142, \u017ce deklaracja jest znacznie kr\u00f3tsza i bardziej zrozumia\u0142a dla programist\u00f3w:\n<\/p>\n
\n  5 atrybut\u00f3w mo\u017cna wykry\u0107 bardziej intuicyjnie
\n<\/h5>\n
\n  Przede wszystkim atrybuty, kt\u00f3rych u\u017cywasz w swoim programie, powinny by\u0107 w stanie bezproblemowo okre\u015bli\u0107, czy s\u0105 odpowiednio wykrywane przez przegl\u0105darki. HTML5 daje tym atrybutom \u015brodki, aby to zrobi\u0107. Z bibliotek\u0105 Modernizr okazuje si\u0119 by\u0107 zaradnym narz\u0119dziem, ale istniej\u0105 inne sposoby, takie jak tworzenie element\u00f3w przed ich rozbiorem. W ten spos\u00f3b \u0142atwo b\u0119dzie oceni\u0107 mo\u017cliwo\u015bci przegl\u0105darki.\n<\/p>\n
\n  6 Ma sw\u00f3j zestaw poprawek dla IE
\n<\/h5>\n
\n  C\u00f3\u017c, Internet Explorer jest postrzegany raczej beznami\u0119tnie przez spo\u0142eczno\u015b\u0107 internetow\u0105 na ca\u0142ym \u015bwiecie iz powod\u00f3w bardzo uzasadnionych. Zgodnie z oczekiwaniami, IE ma w\u0142asne problemy z radzeniem sobie z nowymi elementami, kt\u00f3re wlewa HTML 5. Dlatego stylizowanie tych element\u00f3w w taki spos\u00f3b, aby sta\u0142y si\u0119 bardziej zrozumia\u0142e dla tej przegl\u0105darki, jest wa\u017cne, aby nada\u0107 sens strukturze sposobowi, w jaki elementy HTML5 s\u0105 wyr\u00f3wnane jako elementy na poziomie bloku:\n<\/p>\n
header, footer, article, section, nav, menu {\n   display: block;\n}<\/code><\/pre>\n
\n  Teraz istnieje wszelkie prawdopodobie\u0144stwo, \u017ce Internet Explorer b\u0119dzie nadal sprawia\u0142 b\u00f3l, poniewa\u017c mo\u017ce nie by\u0107 odpowiednio zaznajomiony z elementem nag\u0142\u00f3wka. Tak wi\u0119c stylizacja w HTML5 mo\u017ce zosta\u0107 ra\u017c\u0105co zignorowana. To powiedziawszy, istnieje proste rozwi\u0105zanie tego samego:\n<\/p>\n
document.createElement(\"article\");\ndocument.createElement(\"footer\");\ndocument.createElement(\"header\");\ndocument.createElement(\"nav\");\ndocument.createElement(\"menu\");<\/code><\/pre>\n
\n  7 Geolokalizacja
\n<\/h5>\n
\n  Geolokalizacja jest niezaprzeczaln\u0105 zalet\u0105 HTML5. To, co robi, to rzucanie warto\u015bciami matematycznymi reprezentuj\u0105cymi wsp\u00f3\u0142rz\u0119dne lokalizacji u\u017cytkownika. Te wsp\u00f3\u0142rz\u0119dne lokalizacji s\u0105 obliczane za pomoc\u0105 przegl\u0105darki, z kt\u00f3rej korzysta odwiedzaj\u0105cy, aby uzyska\u0107 dost\u0119p do witryny.\n<\/p>\n
\n  8 Kod, kt\u00f3ry jest wolny od ba\u0142aganu i znacznie bardziej zrozumia\u0142y
\n<\/h5>\n
\n  Zawsze zaleca si\u0119 pisanie program\u00f3w, kt\u00f3re s\u0105 czyste, \u0142atwe do zrozumienia i napisane w spos\u00f3b jak najbardziej nadaj\u0105cy si\u0119 do ponownego u\u017cycia. HTML5 umo\u017cliwia to wszystko, a nawet wi\u0119cej, u\u0142atwiaj\u0105c kod, kt\u00f3ry jest wysoce zsynchronizowany, semantyczny i daje swobod\u0119 rysowania granicy mi\u0119dzy stylem a tre\u015bci\u0105, aby by\u0142y \u0142atwe do zrozumienia. Standardowy kod nag\u0142\u00f3wka z nawigacj\u0105 wygl\u0105da nast\u0119puj\u0105co:\n<\/p>\n
\n  \u00a0<\/code><\/p>\n
\n    Header Text<\/code>
\n  <\/h1>\n
\u00a0<\/code><\/p>\n
\n    \u00a0\u00a0<\/code><\/p>\n
    \n         <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
      \n    <\/ul>\n
    \u00a0<\/code>\n  <\/div>\n<\/div>\n
    \n  Mo\u017cesz twierdzi\u0107, \u017ce kod jest do\u015b\u0107 prosty, ale zobaczmy, co potrafi z nim zrobi\u0107 HTML5:<\/code>\n<\/p>\n
    \n  \u00a0<\/code><\/p>\n
    \n    Header Text<\/code>
    \n  <\/h1>\n
    \u00a0<\/code><\/p>\n