Page 17 - Guida tascabile HTML5
P. 17
tra le risorse) agli URL https://www.w3.org/TR/html5/links.html#linkTypes e
https://www.w3.org/TR/html5/document-metadata.html#the-link-element.
Il tag <script>
Un tag che può essere in parte considerato analogo (con le dovute differenze
semantiche e di sintassi) a <link> appena descritto è <script>, utilizzato come il
precedente nella sezione <head>: ha la doppia funzione di poter racchiudere tra
apertura e chiusura il codice JavaScript utilizzato nella pagina oppure di creare il
collegamento a un file JavaScript esterno. Nell’esempio di seguito notate l’utilizzo
dell’attributo src per creare il riferimento alla risorsa esterna e la presenza del tag
di chiusura </script>:
<script src="script.js"></script>
NOTA Quando utilizzate il tag <script>, il valore di default dell’attributo type è
type="text/javascript": non è dunque necessario dichiararlo esplicitamente.
La sezione <head> completa
Ecco qui di seguito un esempio di sezione <head> con i tag indispensabili di cui è
stata descritta la funzione nel dettaglio nei paragrafi precedenti. Tenete presente
che questo esempio, volutamente poco complesso, rappresenta una semplificazione
che raramente si incontrerà visualizzando il codice sorgente delle pagine che
visitiamo normalmente online: la complessità degli attuali siti web porta a sezioni
<head> molto ricche di riferimenti esterni, con metadati specifici per determinate
applicazioni, che hanno lo scopo di fornire agli utenti un’esperienza sempre più
coinvolgente e ricca.
<head>
<title>I metadati della sezione head</title>
<meta name="author" content="Apogeo Editore">
<meta name="description" content="I tag e la sintassi
da utilizzare per arricchire la sezione head con i metadati">
<meta name="keywords" content="HTML, metadati, sezione head">
<link rel="stylesheet" type="text/css" href="stile.css">
<link rel="icon" type="image/png" href="icon.png">
<link rel="author" href="http://www.apogeonline.com">
<link rel="up" href=" http://www.apogeonline.com">
<script src="script.js"></script>
</head>
Strumenti per sviluppatori nei browser
