GoldenLine
Zaloguj się

konto usunięte

Temat: Semantyczny i poprawny kod

No problem z tematu jest stary, wiem :)

Ale chciałbym przeczytać kilka opinii zebranych w jednym miejscu. Krótko lub długo: czym jest dla Was poprawny i semantyczny kod?

Żeby rozpocząć to wszystko napiszę może czym charakteryzuje się on dla mnie:
Po pierwsze poprawny doctype i walidacja W3C jako podstawa, a potem to już można tylko dodawać.

- Zastosowanie znaczników zgodnie z przeznaczeniem,
- układy nie na tabelach,
- alt i title oraz zapewnienie widzialności strony nawet bez grafiki,
- kompatybilność pod wszystkimi, albo chociaż większością przeglądarek,
- unikanie nadmiaru divów i klas, tam gdzie sprawę można załatwić dziedziczeniem,
- nazwy id i klas odzwierciedlające funkcje elementu,
- unikanie znaczników prezentacyjnych (br i hr) i uznanych za przestarzałe oraz np. niełamliwych spacji.

No właśnie i tu zaczynają się problemy: div jest pozbawiony znaczenia semantycznego, ale część ludzi uważa, że jeden div za dużo już jest niesemantyczny, ja np. często używam dwóch divów zamiast jednego,– zewnętrzny jako pojemnik, wewnętrzny jako nadający odstępy pozwala mi to np. uniknąć nadawania właściwości wszystkim elementom w nim zawartym. Szczerze mówiąc widzę taką praktykę dość często. Łamanie linii jest nieuniknione w np. bloku adresu, albo poezji współczesnej, oczywiście można to zrobić inaczej, ale dlaczego skoro br nie jest uznany za przestarzały. Czasami kiedy mam dodać klasę, albo dwa dodatkowe divy, siedzę godzinami i zastanawiam się jak tego uniknąć (trochę strata czasu). Po prostu pojawiają się dylematy, czasami przekombinowane :(

Czytałem wiele na ten tematy, praktykę też jakąś mam, ale im więcej umiem i im więcej wiem, tym więcej dylematów niestety.

No i stąd ten post – jak jest u Was?
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Fajnie, że ktoś tak idealistycznie podchodzi do kodu, ale z mojej niedoskonałej wiedzy webmasterskiej wynika, że często nie da się zrobić strony dobrze wyglądającej (czy wręcz poprawnie się wyświetlającej strony) w 3 wiodących przeglądarkach: IE, Operze, Firefoxie nawet przy założeniu, że się je maksymalnie zuboży do elementów najpowszedniejszych w kodzie.
Może się mylę... ale widziałem zbyt wiele rozjechanych stron i zbyt wielu zgrzytających webmasterów.
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

No to musisz swoją niedoskonałą wiedzę uzupełnić, przeciętnie lotny spec od kodowania stron z ogarnięciem wyświetlania w FF + IE + OP nie ma specjalnych problemów. I nie muszą być "maksymalnie zubożone", wystarczy że nie będą miały jakichś ekstremalnych fajerwerków.

Co do tematu zaś - ze znaczników korzystam zgodnie z ich przeznaczeniem, uważam jednak że nadgorliwość jest gorsza od faszyzmu, a validator nie jest Absolutem ;)

Strona ma mieć lekki i czytelny kod, wyświetlać się poprawnie gdzie się tylko da, i być czytelna i w miarę możliwości w pełni funkcjonalna również po wyłączeniu grafiki, css i js.
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Semantyka jest bardzo fajna i w ogóle tylko za nic nie mogę pojąć po co zmieniać <b> w <strong>. Będę wdzięczny jeśli ktoś to w tym wątku wytłumaczy nie posiłkując się przy tym opisywaniem swojej filozofii życia.
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

<b> służy do graficznego wyróżnienia treści w przeglądarce - czytnik kodu dla osób niewidomych powinien to pominąć
<strong> służy do wyróżnienia "merytorycznego" treści - powinna zostać przeczytana głośniej i z wyraźnym naciskiem na "wystrongowaną" treść

Ot i cała filozofia ;)
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Adam Doroziński:
No to musisz swoją niedoskonałą wiedzę uzupełnić, przeciętnie lotny spec od kodowania stron z ogarnięciem wyświetlania w FF + IE + OP nie ma specjalnych problemów. I nie muszą być "maksymalnie zubożone", wystarczy że nie będą miały jakichś ekstremalnych fajerwerków.

To skąd tyle partackich stron? ;-)

Ja przykładowo mam problem z: " " w różnych przeglądarkach ma różną długość...
A przykładowo na stronie: http://www.krow-ekon.e-ar.pl/ (którą ja, będąc partaczem, acz z zamiłowaniem kiedyś popełniłem) można zobaczyć 3 formy wyświetlania ramki u dołu strony zawierającej: "Ostatnia modyfikacja" (3 formy w 3 przeglądarkach). Pewnie jest to mój błąd, ale widywałem wiele, wiele problemów... które mieli profesjonaliści (podobno?).

Oczywiście mógłbym ten błąd zmienić nawet dość prosto, ale jakoś ostatnio brak mi zapału :-D
Sorki, za poboczny do tematu wątek...Jerzy B. edytował(a) ten post dnia 04.07.08 o godzinie 21:56
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

To jest mały offtopic, ale strona w ogóle niepoprawna jest, więc ktoś kto ją pisał raczej nie miał pojęcia jak omijać różnice w interpretacji kodu, skoro nie potrafił jej poprawnie napisać

np. ta: http://www.neftysworld.com/ wyświetla się w trójcy poprawnie, a jest bardziej skomplikowanaTomasz Czypicki edytował(a) ten post dnia 04.07.08 o godzinie 22:00
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Jerzy B.:
To skąd tyle partackich stron? ;-)

Problem wynika z tego, że większość osób traktuje "kod serwisu" po macoszemu i wolą się skupić na ładnej grafice. Potem serwis może i jest ładny, ale strona jest do bani ;)
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Tomasz Czypicki:
To jest mały offtopic, ale strona w ogóle niepoprawna jest, więc ktoś kto ją pisał raczej nie miał pojęcia jak omijać różnice w interpretacji kodu, skoro nie potrafił jej poprawnie napisać

np. ta: http://www.neftysworld.com/ wyświetla się w trójcy poprawnie, a jest bardziej skomplikowana

:-) Jak już pisałem, to ja napisałem :-) Za swój brak pojęcia się nie obrażam, tylko zastanawiam się, czy faktycznie poprawnie napisana strona byłaby rzeczywiście wyświetlana we wszystkich trzech (zresztą z premedytacją ze strony IE niezgodny z W3C) formach?
Kiedyś była taka akcja z osiołkami, która miała wymusić na właścicielach serwisów poprawność kodowania chociaż do FF. Później przeglądarki zaczęły lepiej czytać standard i to, co same uznawały za swój standard... jest lepiej, ale z pewnością nie są to strony jednakowe, nawet po zastosowaniu kruczków, które pewnie znają Ci, co się zajmują html-em bez ustanku i profesjonalnie. Niemej jestem pewien, że są takie obszary, których nie da się zakodować, by wyglądały w trzech identycznie :-))))

EDIT: Przy okazji wskazana strona także nie jest identyczna w 3 przeglądarkach ;-) W IE jest czarne tło ramki gdy w Operze i FF półprzeźroczyste ;-) I akurat w tym wypadku ma to drugorzędne znaczenie... ale cóż :-)Jerzy B. edytował(a) ten post dnia 04.07.08 o godzinie 22:20
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

zawsze będzie jakaś drobna różnica np. przy interpretacji czcionki, ale podstawowe sprawy jak interpretacje floatów, odległości obramowań da się ominąć, problem stanowi tu tylko IE - poprawnie napisana strona może się w nim nie wyświetlić, dla mnie ostatecznym testem jest Safari, potrafi rozwalić strony, które zdają się poprawne pod FF, dlatego, że jest "bardziej do przodu" w interpretacji css

Co do strony, może gościowi nie chciało się załadować filtrów microsoftu ;) - to też można ominąć
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Tomasz Czypicki:
Co do strony, może gościowi nie chciało się załadować filtrów microsoftu ;) - to też można ominąć

Wracając do meritum wątku: tylko czy zawsze warto? :-)
Link do wypowiedziLink
Wojciech Sznapka

Wojciech Sznapka CTO @ STS Zakłady
Bukmacherskie

Temat: Semantyczny i poprawny kod

Ja najpierw staram się być w zgodzie z validatorem, a potem kombinować, żeby tu i tu się dobrze wyświetlało. Często niestety z czystego lenistwa używam javascriptu (wiem, nie każdy ma uruchomiony) do poprawek layoutu.
Generalnie, polecam testować swoje strony również na linuksach, gdyż często autor ustawia czcionkę "Times New Roman" i wtedy czasami są problemy, a wystarczy przecież "Times New Roman", Serif.

A swoją drogą, co byście powiedzieli na ogólnokrajowy bojkot IE6 ? :-)
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Dla mnie semantyczny kod to po prostu poprawny kod. Po to wymyślono znaczniki opisujące treść, aby tą treść opisywać. Warstwa prezentacji to arkusz CSS, logiki to JS. Gdy tylko mam możliwość (czyt. nie poprawiam starej strony, albo nie robię czegoś, co i tak potem programiści popsują), staram się aby w moim kodzie xhtml nie było ani grama "wolno latającego" kodu js, a jedynie w nagłówku odnośniki do skryptów, które przypisują akcje konkretnym elementom. To samo ze stylami.
Walidator jest na samym końcu. On z semantyką nie ma nic wspólnego, sprawdza jedynie poprawność składni. Pomaga wychwycić literówki, niedomknięte tagi itp.

Co do bojkotu IE6 - jeszcze nie teraz, ale jak zejdzie do 10%, nie będę się zastanawiał.
Link do wypowiedziLink
Michał Filip Sobański

Michał Filip Sobański boer en sy roer

Temat: Semantyczny i poprawny kod

-Ten post został edytowany przez Autora dnia 22.05.21 o godzinie 19:22
Link do wypowiedziLink
Michał Filip Sobański

Michał Filip Sobański boer en sy roer

Temat: Semantyczny i poprawny kod

Jerzy B.:
Adam Doroziński:
No to musisz swoją niedoskonałą wiedzę uzupełnić, przeciętnie lotny spec od kodowania stron z ogarnięciem wyświetlania w FF + IE + OP nie ma specjalnych problemów. I nie muszą być "maksymalnie zubożone", wystarczy że nie będą miały jakichś ekstremalnych fajerwerków.

To skąd tyle partackich stron? ;-)
Bo większośc dużych projektów jest robionych przez rodzinę, albo znajomych szefa, aby pieniądze zostały w rodzinie! pozdr. mfs
Link do wypowiedziLink
Wojciech Sznapka

Wojciech Sznapka CTO @ STS Zakłady
Bukmacherskie

Temat: Semantyczny i poprawny kod

Edward Łuska:
Co do bojkotu IE6 - jeszcze nie teraz, ale jak zejdzie do 10%, nie będę się zastanawiał.

Jak nie zbojkotujemy to prędko nie zejdzie, a my będziemy dalej babrać w tym gó*nie ;-)
Link do wypowiedziLink
Michał Filip Sobański

Michał Filip Sobański boer en sy roer

Temat: Semantyczny i poprawny kod

-Ten post został edytowany przez Autora dnia 22.05.21 o godzinie 19:23
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Wojciech Sznapka:
Jak nie zbojkotujemy to prędko nie zejdzie, a my będziemy dalej babrać w tym gó*nie ;-)
Jeśli Twoich klientów stać na olanie 30% swoich klientów, proszę bardzo. Dla mnie jednak najważniejsze jest dobro użytkownika, nie moje widzimisię. Pod IE6 robi się łatwiej niż pod IE7. Znam go od podszewki i wiem jak obejść jego humory.
Link do wypowiedziLink
Wojciech Sznapka

Wojciech Sznapka CTO @ STS Zakłady
Bukmacherskie

Temat: Semantyczny i poprawny kod

Wiadomo, że nie chodzi o klientów moich klientów. Chodzi raczej o serwisy non-profit, blogi itp. Jeśli coraz więcej ludzi będzie czytała na swoich ulubionych stronach, że ie6 jest niebezpieczne, niewydajne i niewygodne, to być może zastanowią się nad zmianą.
Link do wypowiedziLink

konto usunięte

Temat: Semantyczny i poprawny kod

Też nienawidzę straty czasu na IE, ale że przeglądarka jest gówniana, nie znaczy, że trzeba się poddać, a raczej nie można sobie pozwolić na ten luksus :D, z czasem zacznie się go ignorować tak jak teraz IE 5.5, ale jeszcze nie na to czas
Wojciech Sznapka:
Chodzi raczej o serwisy non-profit, blogi itp. Jeśli coraz więcej ludzi będzie czytała na swoich ulubionych stronach, że ie6 jest niebezpieczne, niewydajne i niewygodne, to być może zastanowią się nad zmianą.

Ludzie mogą czytać, ale część i tak ma to w d... - "e tam, mam, działa, po co mi coś innego", a powiedzmy zignorujesz IE na stronie non-profit, a ktoś będzie przykładowo u cioci Basi, która ma IE6, ktoś kto mógłby coś wnieść w rozwój tej społeczności non-profit i zobaczy "rozjazd" - i więcej tu nie zajrzy ;(

A jeśli chodzi o przeglądarki, to FF też nie jest the best, osobiście stawiałbym na Safari podczas tworzenia kodu (chociaż brzydko wyświetla niektóre fonty), jeśliby miała coś a'la webdevelopera, firebug i colorzilla.

Ogólnie na chwilę obecną każda przeglądarka ma jakieś bugi, i za to się płaci m.in. osobie tworzącej kod, żeby je ominęła i sprawiła, żeby ta strona wyglądała wszędzie podobnie.

Takie jest moje zdanie, ale mogę się mylić :)Tomasz Czypicki edytował(a) ten post dnia 05.07.08 o godzinie 00:54
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Poprawny kod na umieszczeni...




Wyślij zaproszenie do
Anuluj