Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]HTML - Deklaracja, Head, Body, Znaczniki...
Malinaa
post
Post #1





Grupa: Zarejestrowani
Postów: 577
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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Comandeer
post
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 (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post

Posty w temacie
- Malinaa   [HTML]HTML - Deklaracja, Head, Body, Znaczniki...   14.07.2016, 09:58:52
- - Comandeer   [HTML] pobierz, plaintext <!DOCTYPE html>...   14.07.2016, 10:32:47
- - Malinaa   Dziękuję za informacje. Mam jeszcze jedno pytanie...   14.07.2016, 14:07:47
- - koodo218   Cytat(Malinaa @ 14.07.2016, 15:07:47 ...   14.07.2016, 14:34:57
- - Comandeer   Cytatlang="pl", czy lang="pl-PL...   14.07.2016, 14:51:29
- - IAmBoskiM   [HTML] pobierz, plaintext <meta charset="u...   14.07.2016, 20:03:33

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 4.10.2025 - 20:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn