Łączenie JS i CSS z HTML

pytanie zadane 21 kwietnia 2016 w HTML i CSS przez Nicolaus Dyskutant (9,740 p.)

Cześć! Mam pytanie. Jak poprawnie w HTML5 połączyć z nim JS i CSS?

2 odpowiedzi

odpowiedź 21 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)

W <head> wrzucasz cssy przez <link rel="stylesheet" href="sciezka.css">

Przed </body> - skrypty JS poprzez <script src="sciezka.js"></script>

komentarz 21 kwietnia 2016 przez Nicolaus Dyskutant (9,740 p.)

A JS nie moge przez <head>???

komentarz 21 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)

Możesz, ale tak się nie robi, bo może to spowolnić wczytywanie strony.

Po co wrzucać skrypty w head, kiedy zawartość strony nie będzie jeszcze załadowana?

Wyobraź sobie, że masz jakiś przycisk, który coś robi kiedy na niego klikniesz. Po co Ci jego funkcjonalności wynikające z JS, kiedy style się nie załadują i np. nie będziesz go widział na stronie?

odpowiedź 21 kwietnia 2016 przez Nicolaus Dyskutant (9,740 p.)

Ok. A i jeszcze jedno czy pusta strona WWW jest ok?

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title></title>
	
	<meta name="description" content="Opis w Google" />
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
	<link rel="stylesheet" href="style.css" type="text/css" />
	
</head>

<body>
<script src="script.js" type="text/javascript"></script>
</body>
</html>

komentarz 21 kwietnia 2016 przez niezalogowany

tylko po co Ci pusta strona?

komentarz 21 kwietnia 2016 przez Nicolaus Dyskutant (9,740 p.)

Żeby móc od razu od tego zacząć a nie ciągle to pisać :)

1	komentarz 21 kwietnia 2016 przez niezalogowany To pytanie powinno brzmieć zatem - czy ten pusty szablon jest ok? - Nie jest.

komentarz 21 kwietnia 2016 przez niezalogowany

Tak to powinno wyglądać

<!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.0">
	<title>Tytuł strony</title>

	<meta name="description" content="Opis w Google">
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku">

	<link rel="stylesheet" href="style.css">
</head>
<body>
	


	<script src="script.js"></script>
</body>
</html>