Domanda Come rendere il codice più pulito inserendo link rel e meta tag in un file differente

Ordina per data Ordina commenti per reazioni
W

Warez

Utente Electrum
5 Novembre 2011
170
63
24
178
Ultima modifica:
Scrivo questo post perchè mi è sorto questo dubbio, c'è la possibilità di inserire i metatag ed i link rel che utilizzo per la mia favicon in un file differente senza usare

PHP: 
<?php include 'head.html'; ?>

così da avere un codice più pulito, sono apprezzati anche suggerimenti per la gestione in modo diverso della favicon
HTML: 
<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
 
MrP. ha detto:
Devi tenerli nella stessa pagina , di certo non sono quei tag che ti rendono il codice "sporco"
Clicca per espandere...
Ho trovato proprio ora su internet un modo per avere il tutto in modo più pulito, si può leggere di più qui, New favicon packages

HTML: 
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
 
@NoNameoN mai usati i Partials, riusciresti a girarmi qualche link dove trovare qualche informazione in più riguardo i Partials così da poter provare e dare una risposta
 
Praticamente ti crei una cartella contenenti i partial tipo head, body, footer oppure menu, sezione 1 ecc... Poi sostanzialmente te li richiami e viene incollato il codice contenuto nel partial dove lo hai richiamato

Partial
- menu
- footer
- section
index.html

Nell'index potrai scrivere semplicemente il richiamo al partial anziché tutto il codice

Prova a vedere qui qualcosa
 
Top Bottom
Indietro