Comment pouvez-vous garder Divs dans un fichier séparé pour garder Sites Clean?

Le langage HTML ne permet pas d'inclure des fichiers HTML distincts, mais vous pouvez créer un fichier JavaScript distinct pour créer un div et lier le fichier dans votre code HTML. Vous utilisez JavaScript pour créer le code div pour vos pages, et utiliser le code HTML "lien" tag pour lier la page JavaScript. Lier le fichier JavaScript crée le div sur vos pages, de sorte que vous pouvez créer des fichiers séparés pour chaque section de votre mise en page de div.

Instructions

1 Cliquez sur le bouton "Démarrer" de Windows et tapez "notepad" dans la zone de texte de recherche. Appuyez sur "Entrée" pour ouvrir l'éditeur de bloc-notes.

2 Créer le code JavaScript pour créer le conteneur div. Par exemple, le code suivant crée un conteneur div qui détient une image:

var div = document.createElement ( 'div');
div.innerHTML = "<img src = 'image.jpg'>";

3 Appuyez sur les touches "S" "Ctrl" et pour enregistrer le fichier. Tapez "div.js" dans la zone de texte "Nom de fichier" et cliquez sur "Enregistrer".

4 Faites un clic droit de votre fichier HTML principal dans lequel vous voulez que le conteneur div à afficher. Cliquez sur "Ouvrir avec" et sélectionnez votre éditeur HTML.

5 Ajouter le "lien" tag pour inclure le conteneur div dans votre fichier HTML principal. Lorsque l'utilisateur ouvre le fichier HTML, le fichier JavaScript externe ouvre et exécute, qui affiche le contenu de votre page. Le code suivant relie le fichier:

<Script type = "text / javascript" src = "div.js"> </ script>