Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML]HTML - Deklaracja, Head, Body, Znaczniki...
Malinaa
post 14.07.2016, 09:58:52
Post #1





Grupa: Zarejestrowani
Postów: 518
Pomógł: 6
Dołączył: 21.07.2008

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4.  <meta charset="utf-8">
  5.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.  <meta name="viewport" content="width=device-width, initial-scale=1">
  7.  <meta name="keywords" content="">
  8.  <meta name="description" content="">
  9.  <title></title>
  10. </head>
  11. <body>
  12.  <img src="" alt="">
  13. </body>
  14. </html>
[HTML] pobierz, plaintext


Przykład 2
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4.  <meta charset="utf-8" />
  5.  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.  <meta name="viewport" content="width=device-width, initial-scale=1" />
  8.  <meta name="keywords" content="" />
  9.  <meta name="description" content="" />
  10.  <title></title>
  11. </head>
  12. <body>
  13.  <img src="" alt="" />
  14.  <br />
  15. </body>
  16. </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?

Ten post edytował Malinaa 14.07.2016, 10:02:34


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
Comandeer
post 14.07.2016, 10:32:47
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4.  <meta charset="utf-8">
  5.  <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  <meta name="keywords" content="">
  7.  <meta name="description" content="">
  8.  <title></title>
  9. </head>
  10. <body>
  11.  <img src="" alt="">
  12. </body>
  13. </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 wink.gif
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


--------------------
★Mój blog || Okiem krytyka★
Go to the top of the page
+Quote Post
Malinaa
post 14.07.2016, 14:07:47
Post #3





Grupa: Zarejestrowani
Postów: 518
Pomógł: 6
Dołączył: 21.07.2008

Ostrzeżenie: (0%)
-----

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 wink.gif lang="pl", czy lang="pl-PL" ?

Ten post edytował Malinaa 14.07.2016, 14:11:08


--------------------
I welcome you on the Internet >>> Design by Malina
Go to the top of the page
+Quote Post
koodo218
post 14.07.2016, 14:34:57
Post #4





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

Ostrzeżenie: (0%)
-----

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.


--------------------
Słaba znajomość (ale się staram): HTML5, CSS3, JavaScript, SQL, Access
Go to the top of the page
+Quote Post
Comandeer
post 14.07.2016, 14:51:29
Post #5





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----

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.


--------------------
★Mój blog || Okiem krytyka★
Go to the top of the page
+Quote Post
IAmBoskiM
post 14.07.2016, 20:03:33
Post #6





Grupa: Zarejestrowani
Postów: 72
Pomógł: 11
Dołączył: 8.05.2016

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <meta charset="utf-8"><!-- HTML5 -->
  2. <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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 16:10
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn