Comment faire préfixe pour onglet titre

Question

Je suis en train de faire un site (à des fins d'apprentissage) et je veux faire le préfixe pour mon onglet titre

Par exemple, disons que mon nom de site est SZ, et je veux que chaque nouvelle page que je fais aura SZ - something comme l'onglet titre

Je pense que l'exemple le plus simple est le site Amazon, où tout l'onglet titre commence par Amazon.co.jp:something

oh et même débordement de la pile sont à l'utiliser , mais en suffixe comme dans something - Stack Overflow

est-il un moyen de le faire sans avoir à ajouter <title>SZ - something</title> sur chaque page?

Answer 1

Vous ne mentionnez pas si vous utilisez des cadres ou des langues ici, mais je suppose que vous ne le faites pas. Il n'y a pas de manière sympa de le faire en HTML, les langages de gabarit prennent soin de cela pour vous.

Cependant, si vous avez déjà un fichier JavaScript que vous utilisez, ou que cela ne vous dérange pas d'ajouter un fichier JavaScript, il existe un moyen de le faire. Ce n'est pas quelque chose que je ferais dans un environnement de production, car c'est probablement mauvais pour l'optimisation des moteurs de recherche, mais si vous êtes juste en train d'apprendre et de jouer, cela semble tout à fait raisonnable.

document.addEventListener('DOMContentLoaded', function() { document.title = "SZ - " + document.title; });

Cela signifie qu'une fois que le document est entièrement analysé et prêt à partir, JavaScript prendra la valeur du titre tel qu'il existe déjà, et précédez « SZ - » à elle, vous permettant de régler la <title>My Rad Home Page</title> sur un document et le transformer en «SZ - My Home Page Rad», ce qui ressemble à ce que vous cherchez.

Answer 2

est-il un moyen de le faire sans avoir à ajouter <title>SZ - something</title> sur chaque page?

Il n'y a pas de bon moyen de le faire. Si vous affichez la source d'Amazon ou de Stackoverflow, vous verrez que l'élément title a ce contenu.

---

Si vous êtes ouvert à de mauvaises manières, alors vous pourriez gifler JavaScript sur chaque page:

document.title = "SZ - " + document.title; 

... mais qui a tous les inconvénients habituels de fonction de JS.

---

Normalement, ce problème est résolu en mettant le contenu dans l'élément <title> sur chaque page. Comme avec toutes ces choses répétitives, cela est mieux fait en utilisant un modèle.

Cela pourrait être appliqué côté serveur lors de l'exécution, ou sur le système de développement au moment de la construction avec un générateur de site statique.