{"id":619,"date":"2021-09-05T23:05:24","date_gmt":"2021-09-05T21:05:24","guid":{"rendered":"https:\/\/dziewczynanafroncie.pl\/?p=619"},"modified":"2021-09-05T23:05:24","modified_gmt":"2021-09-05T21:05:24","slug":"co-sie-stalo-z-tagami-b-oraz-i","status":"publish","type":"post","link":"https:\/\/dziewczynanafroncie.pl\/co-sie-stalo-z-tagami-b-oraz-i\/","title":{"rendered":"Co si\u0119 sta\u0142o z tagami < b > oraz < i >?"},"content":{"rendered":"\n

Dzisiejszy post mo\u017ce nie b\u0119dzie zbyt d\u0142ugi, ale je\u017celi lubisz zag\u0142\u0119bia\u0107 si\u0119 w to co piszesz na pewno b\u0119dzie ciekawy. Wi\u0119kszo\u015b\u0107 zapytanych do\u015bwiadczonych tw\u00f3rc\u00f3w stron internetowych powie Ci, aby\u015b u\u017cywa\u0142 <strong><\/code> i <em><\/code> zamiast <b><\/code> i <i><\/code> . I og\u00f3lnie rzecz bior\u0105c, maj\u0105 racj\u0119\u2026 ale tak naprawd\u0119 nie znaj\u0105 ca\u0142ej historii. Do\u0142\u0105cz do mnie teraz, poniewa\u017c zabior\u0119 Ci\u0119 w fantastyczn\u0105 podr\u00f3\u017c do ekscytuj\u0105cej historii tych element\u00f3w HTML!<\/p>\n\n\n\n\n\n\n\n

Oczywi\u015bcie \u017cartowa\u0142am tak, to naprawd\u0119 nie jest to takie ekscytuj\u0105ce \ud83d\ude04 jak mog\u0142o by si\u0119 wydawa\u0107.<\/p>\n\n\n\n

Ale zapewniam Ci\u0119, i\u017c jest to temat do\u015b\u0107 interesuj\u0105cy, aby wspomnie\u0107 o tym kilka s\u0142\u00f3w oraz rzuci\u0107 okiem na ewolucj\u0119 semantycznego HTML. A wyja\u015bnianie nieporozumie\u0144 wcze\u015bniej zawsze owocuje w lepszym do\u015bwiadczeniu na przysz\u0142o\u015b\u0107.<\/p>\n\n\n\n

One ca\u0142y czas tam s\u0105<\/h3>\n\n\n\n

Popularnym b\u0142\u0119dnym przekonaniem jest to, \u017ce <b><\/code> i <i><\/code> zosta\u0142y uznane za przestarza\u0142e i zast\u0105pione przez <strong><\/code> i <em><\/code> . Jednak nie jest to prawd\u0105. <b><\/code> i <i><\/code> wci\u0105\u017c funkcjonuj\u0105 jako prawid\u0142owe tagi HTML5, a tagi <strong><\/code> i <em><\/code> istniej\u0105 od czasu HTML1. Innymi s\u0142owy, wszystkie 4 zawsze by\u0142y wa\u017cne, obok siebie.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Zrozumienie potrzeby ich zastosowania<\/h3>\n\n\n\n

We wczesnych latach tw\u00f3rcy stron internetowych ch\u0119tnie u\u017cywali <b><\/code> dla pogrubienia oraz <i><\/code> dla tekstu pochylonego tj. kursywy. Proste prawda. Jednak wraz z ewolucj\u0105 sieci pojawi\u0142y si\u0119 sprawdzone metody. W szczeg\u00f3lno\u015bci dobrzy programi\u015bci zacz\u0119li oddziela\u0107 struktur\u0119 od prezentacji: HTML dla struktury, CSS dla prezentacji. Takie podej\u015bcie \u2013 powszechnie okre\u015blane jako separacja obaw \u2013 jest popularne i to nie tylko w sferze tworzenia stron internetowych.<\/p>\n\n\n\n

To wtedy tagi <b><\/code> i <i><\/code> (i inne, takie jak <font><\/code> ) straci\u0142y sw\u00f3j pocz\u0105tkowy urok. Ich jedynym celem by\u0142a prezentacja, ale takie rzeczy nie nale\u017ca\u0142y ju\u017c do HTML. Od teraz by\u0142o to zadanie dla CSS.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Porzucone lecz nie przestarza\u0142e<\/h3>\n\n\n\n

HTML4 wycofa\u0142 wiele element\u00f3w czysto prezentacyjnych (takich jak <font><\/code> ) z tego samego powodu, o kt\u00f3rym mowa powy\u017cej. Ale co dziwne, tak naprawd\u0119 nie uzna\u0142 za wycofane tagi <b><\/code> i <i><\/code> \u2014 chocia\u017c nadal by\u0142y uznane za porzucone. To wtedy <strong><\/code> i <em><\/code> sta\u0142y si\u0119 szerzej stosowane. Mia\u0142y ten sam domy\u015blny wygl\u0105d co <b><\/code> i <i> <\/code> , ale nie by\u0142y tylko wskaz\u00f3wkami prezentacyjnymi \u2014 zosta\u0142y zdefiniowane tak, aby faktycznie przekazywa\u0142y znaczenie. Jednym s\u0142owem by\u0142y \u201esemantyczne\u201d.<\/p>\n\n\n\n

<\/p>\n\n\n\n

D\u0105\u017cenie do semantyczno\u015bci<\/h3>\n\n\n\n

Termin \u201esemantyczny\u201d sta\u0142 si\u0119 znakiem rozpoznawczym HTML5. W rezultacie mo\u017cna by pomy\u015ble\u0107, \u017ce w ko\u0144cu wycofa si\u0119 z tag\u00f3w <b>[code] oraz [code]<i><\/code> . Zaskakuj\u0105co nie. Po raz kolejny tagi te unikn\u0119\u0142y przedawnienia, tym razem poprzez przedefiniowanie. HTML5 definiuje teraz <b> <\/code> jako \u201eprzesuni\u0119cie stylistyczne\u201d<\/strong>, a <i><\/code> jako prezentacja \u201ealternatywnego g\u0142osu lub nastroju\u201d<\/strong>. <strong><\/code> i <em><\/code> r\u00f3wnie\u017c zosta\u0142y podrasowane, cho\u0107 ich zmiany by\u0142y stosunkowo niewielkie. Doktor HTML5 ma dobry artyku\u0142 zag\u0142\u0119biaj\u0105cy si\u0119 w szczeg\u00f3\u0142y.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Podsumowanie<\/h3>\n\n\n\n

Je\u015bli obecny stan rzeczy brzmi jak szalona gra semantycznego dzielenia w\u0142os\u00f3w na g\u0142owie, c\u00f3\u017c, nie obwiniam ci\u0119 \u263a\ufe0f. Og\u00f3lnie jednak jestem za wprowadzonymi zmianami, kt\u00f3re opisa\u0142am wcze\u015bniej w celu d\u0105\u017cenia do semantycznego HTML\u2026 nawet je\u015bli historia <b><\/code> i <i><\/code> jest troch\u0119 zwariowana.<\/p>\n","protected":false},"excerpt":{"rendered":"

Dzisiejszy post mo\u017ce nie b\u0119dzie zbyt d\u0142ugi, ale je\u017celi lubisz zag\u0142\u0119bia\u0107 si\u0119 w to co piszesz na pewno b\u0119dzie ciekawy. Wi\u0119kszo\u015b\u0107 zapytanych do\u015bwiadczonych tw\u00f3rc\u00f3w stron internetowych powie Ci, aby\u015b u\u017cywa\u0142 i zamiast i . I og\u00f3lnie rzecz bior\u0105c, maj\u0105 racj\u0119\u2026 ale tak naprawd\u0119 nie znaj\u0105 ca\u0142ej historii. Do\u0142\u0105cz do mnie teraz, poniewa\u017c zabior\u0119 Ci\u0119 w […]<\/p>\n","protected":false},"author":1,"featured_media":634,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[19,27,28],"class_list":["post-619","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\/619","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=619"}],"version-history":[{"count":2,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/619\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/619\/revisions\/636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/media\/634"}],"wp:attachment":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/media?parent=619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/categories?post=619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/tags?post=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}