• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

validator w3.org - proste błędy

42 Warsaw Coding Academy
0 głosów
870 wizyt
pytanie zadane 8 czerwca 2015 w HTML i CSS przez victordeleco2 Użytkownik (920 p.)

Witam, mam problem z moim tworem bo nie nazwałbym tego stroną internetową. 

Podczas walidacji występują prostę błędy którym nie wiem jak zaradzić. Jeśli jest ktoś bardzo wyrozumiały to proszę o pomoc.

Rzuciłem to już także na hostinger.pl http://www.mwrzyszcz.esy.es/

Wklejam kod który mozna wrzucić na  https://validator.w3.org/#validate_by_input

<!DOCTYPE html>

<html lang="pl">
<head>
   <meta charset="UTF-8"/>			<!--utf-8-->
   <title>Mateusz Wrzyszcz</title>  				<!--tytuł(wyświetla się na karcie)-->
   <meta name="description" content="Subiektywny przegląd nowych technologii, sprzętu Pc oraz audio dla graczy" />	<!--o czym portal-->
   <meta name="keywords" content="gry, pc, dla graczy, audio " /> 	<!--słowa kluczowe-->
   
																	<!--linki fo fontów-->
	
	<link rel="stylesheet" href="style.css" type="text/css" />
	
	<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>	
	  <!-- fonty do wyboru 400, 600, 700 -->
	  <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>

</head>
<body>
<div id="container">

<div id="h1"><img src="img\logo.png">				<!-- NAPIS, logo w nagłówku strony-->
	
	<div id="social">
<div class="fb">
		<a href="https://www.facebook.com" title="Share on Facebook" target="_blank"><img src="img/simple_icons/Facebook.png"></a></div>
<div class="tw">
		<a href="https://twitter.com/intent/tweet?source=&text=:%20&via=MateuszWrzyszcz" target="_blank" title="Tweet"><img src="img/simple_icons/Twitter.png"></a></div>

 <div style="clear:both;"> </div>

</div>

<div class="h2">Subiektywny przegląd nowinek technologicznych, sprzętu dla graczy PC, audio oraz akcesorii.</div>
</div>





<div id="menu">						<!-- MENU na górze-->	
	<div class="option"><a href="index.html" 	class="link">Strona główna</a></div> 
	<div class="option"><a href="omnie.html" 	class="link">O mnie</a></div> 
	<div class="option"><a href="kontakt.html"	class="link">Kontakt</a></div> 
	<div style="clear:both;"> </div>

</div>





<div id="section">					<!-- ŚRODKOWE MIEJSCE WŁAŚCIWE NA TEKST INFO etc.-->

<div class="news">
<p>
<h2>Tytuł newsa 1</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, e lit magna vulputate arcu, vel tempus metus leo non est. Etiam sit   amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
 </p>
</div>

<div class="news">
<p>
<h2>Tytuł newsa 2</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, e lit magna vulputate arcu, vel tempus metus leo non est. Etiam sit   amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
 </p>
</div>


<div class="news">
<p>
<h2>Tytuł newsa 3</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, e lit magna vulputate arcu, vel tempus metus leo non est. Etiam sit   amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
 </p>
</div>


</div>





<div id="footer">					<!-- FOOTER, COPY, KONTAKT, SOCIAL etc.-->

<p>Wszelkie prawa zastrzeżone  &copy Mateusz Wrzyszcz 2015</p>

</div>




</div>								<!--ZAMYKA CONTAINER-->

</body>
</html>



Z góry dzięki za jakąkolwiek pomoc.

3 odpowiedzi

+3 głosów
odpowiedź 8 czerwca 2015 przez Comandeer Guru (607,060 p.)
wybrane 8 czerwca 2015 przez victordeleco2
 
Najlepsza
  • Jeśli w linkach w kodzie używasz & to musisz to zapisać jako encję - &amp;. Wynika to z tego, że encje w HTML zaczynają się właśnie od & i przeglądarka musi wiedzieć gdzie se walisz encję, a gdzie po prostu ampersand
  • W linkach itd zawsze używa się / a nie \ - to drugie to wymysł Windowsa, który zawsze musi byc inny ;)
  • Obrazki MUSZĄ mieć [alt]. Są dokładne wytyczne jak on ma wyglądać http://dev.w3.org/html5/alt-techniques/ 
    W przypadku logo fejsa czy twittera w [alt] będzie po prostu nazwa tego serwisu
  • Jeśli chodzi o błąd z p: zgodnie ze specyfikacją akapity są automatycznie zamykane gdy natrafią m.in. na nagłówek, więc Twój kod tak naprawdę zostanie zinterpretowany jako:
    <p></p>
    <h2>Tytuł newsa 1</h2>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, e lit magna vulputate arcu, vel tempus metus leo non est. Etiam sit   amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.
     </p>

    Rozwiązanie? Otworzyć akapit po nagłówku ;)

  • Encje zawsze kończy się średnikiem, więc &copy; a nie &copy

Dodatkowo polecam zajrzeć tutaj: http://www.forumweb.pl/poczatkujacy-webmaster/walidator-w3c-tlumaczenie-problemy-rozwiazania,42262

komentarz 8 czerwca 2015 przez victordeleco2 Użytkownik (920 p.)
Dzięki wielkie, jutro się tym zajmę, pozdro.
0 głosów
odpowiedź 8 czerwca 2015 przez tarnasm Gaduła (3,030 p.)

Cos pomieszałeś w kodzie kolego. Otóż wstawiasz do znacznika otwartego znacznik kolejny.  Tzn.

jeżeli masz 

<a href=""></a>

to w cudzysłowiu ("wstawiasz link" czyli np. http://www.google.pl) a pomiędzy klamrami wizualny odnośnik do tego linku. czyli.


<a href="">Tresc odnosnika</a> 

na przykład


<a href="">Przejdz do Google</a>

dlatego walidator W3C uwala Ci wszystkie linie gdzie masz linki.

komentarz 8 czerwca 2015 przez Comandeer Guru (607,060 p.)
Nie… to akurat beznadziejny błąd autolinkowania na tym forum :/
komentarz 8 czerwca 2015 przez tarnasm Gaduła (3,030 p.)
Faktycznie, zauważyłem to w momencie edycji ;/
0 głosów
odpowiedź 8 czerwca 2015 przez makoso Mądrala (7,380 p.)
Osoby wyzej już udzieliły Ci dobrej odpowiedzi jednak ja mam do Ciebie inne pytanie z jakich źródeł korzystasz dobierając kolory grafikę itp?
komentarz 8 czerwca 2015 przez NeroTestero Gaduła (3,240 p.)

Podobne pytania

0 głosów
1 odpowiedź 943 wizyt
pytanie zadane 25 września 2017 w HTML i CSS przez kuber023 Użytkownik (650 p.)
0 głosów
0 odpowiedzi 133 wizyt
pytanie zadane 27 lutego 2020 w HTML i CSS przez YakumoPL Obywatel (1,970 p.)
0 głosów
0 odpowiedzi 316 wizyt

93,395 zapytań

142,388 odpowiedzi

322,566 komentarzy

62,753 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...