Forum PHP.pl > [HTML]HTML - Deklaracja, Head, Body, Znaczniki...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]HTML - Deklaracja, Head, Body, Znaczniki...

Malinaa

14.07.2016, 09:58:52

Chcę przeanalizować dwa przykłady
i dowiedzieć się co, kiedy jest dobrze i jaką wersję wybrać jest najlepiej
dla nowej strony responsywnej itd... optymalne rozwiązanie.

Przykład 1

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="keywords" content="">
 <meta name="description" content="">
 <title></title>
</head>
<body>
 <img src="" alt="">
</body>
</html>
[HTML] pobierz, plaintext

Przykład 2

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl">
<head>
 <meta charset="utf-8" />
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="keywords" content="" />
 <meta name="description" content="" />
 <title></title>
</head>
<body>
 <img src="" alt="" />
 <br />
</body>
</html>
[HTML] pobierz, plaintext

Pytania (po kolei linia po linii):
1. Deklaracja - czy to co jest wystarczy, nic więcej nie trzeba dopisywać?
2. Html - lang ?
3. Znaczniki meta, np.
a) <meta charset="utf-8"> i to wszystko,
czy też <meta http-equiv="content-type" content="text/html; charset=utf-8" />
b ) znaczniki typu <meta ...> na końcu otwarte, czy zamknięte <meta ... />
c) podobnie z <img> czy <img /> lub <br> a <br />
Proszę o detale, kto wie dokładnie kiedy co zastosować i jak napisać perfekt kod?

Comandeer

14.07.2016, 10:32:47

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html lang="pl">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="keywords" content="">
 <meta name="description" content="">
 <title></title>
</head>
<body>
 <img src="" alt="">
</body>
</html>
[HTML] pobierz, plaintext

ad. 1) Jeśli chodzi o DOCTYPE, to nie – taki w zupełności wystarcza; zwłaszcza, że służy tylko i wyłącznie BC.
ad. 2) [lang] określa język treści i z tego powodu wypada, aby było (przydaje się np. czytnikom ekranowym). Można też dorzucić jeszcze np. [dir], ale to niekoniecznie. Ciekawym wykorzystaniem znacznika html jest także dodanie klas określających jakie własności CSS/JS ogarnia przeglądarka → https://github.com/phiggins42/has.js/ https://modernizr.com/
ad. 3) Znaczników meta jest od groma i trochę, część opisałem na http://tutorials.comandeer.pl/html5-blog.html wszystkie są w https://github.com/joshbuchea/HEAD
ad. 3.a) Równie dobrze można całkowicie ominąć deklarację kodowania – i tak zawsze powinno być to UTF-8, określone na poziomie nagłówków HTTP
ad. 3.b, 3.c) Zamknięcie ze slashem to pozostałość po XHTML-u, całkowicie niepotrzebna. IMO jest zbędne i jedynie zwiększa rozmiar strony

ad. 3.d) meta[http-equiv="X-UA-Compatible"] najlepiej słać jako nagłówek HTTP → https://github.com/h5bp/html5-boilerplate/b...ist/doc/html.md

Malinaa

14.07.2016, 14:07:47

Dziękuję za informacje.

Mam jeszcze jedno pytanie, które mnie zastanawia o kodowanie
i znacznik <meta charset="utf-8">
oraz <meta http-equiv="content-type" content="text/html; charset=utf-8">
Jeśli mam z tego co widzę wymagane <meta charset="utf-8">
to znacznik <meta http-equiv="content-type" content="text/html; charset=utf-8">
nie jest mi potrzebny, wystarczy samo <meta charset="utf-8"> ?

Aha i jeszcze momencik

lang="pl", czy lang="pl-PL" ?

koodo218

14.07.2016, 14:34:57

Cytat(Malinaa @ 14.07.2016, 15:07:47 )

oraz <meta http-equiv="content-type" content="text/html; charset=utf-8">
Jeśli mam z tego co widzę wymagane <meta charset="utf-8">
to znacznik <meta http-equiv="content-type" content="text/html; charset=utf-8">
nie jest mi potrzebny, wystarczy samo <meta charset="utf-8"> ?

Dłuższy jest dla starszej specyfikacji html, a że używasz piątki to krótsza wersja jest poprawna i wystarczająca.

Comandeer

14.07.2016, 14:51:29

Cytat

lang="pl", czy lang="pl-PL" ?

Z racji tego, że język polski używany jest tylko w jednym kraju i nie ma odmian jak angielski (np. en-US, en-GB itd.), to samo "pl" jest wystarczające.

IAmBoskiM

14.07.2016, 20:03:33

[HTML] pobierz, plaintext 
<meta charset="utf-8"><!-- HTML5 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- HTML < 5 -->
[HTML] pobierz, plaintext

HTML zyskał nowy specjalny atrybut dla meta, charset, dzięki czemu nie trzeba więcej pisać. Dla przeglądarek IE, które nie znają HTML5 ten atrybut i tak będzie działał, albowiem IE zawsze wyszukiwał tylko tego charset="utf-8".

lang="pl" tak jak pisał @up

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.