1. Abbiamo un file: Miofile.html.
2. È necessario salvarlo nella codifica Unicode -> UTF-8.
Soluzione 1.
- Apri Myfile.html in un editor di testo Taccuino.
- Selezionare "Salva con nome...".
- Seleziona la codifica UTF-8.
- Fare clic sul pulsante - Salva.
Soluzione 2.
- Apri Myfile.html in un editor di testo Blocco note++(c'è anche un editor PSPad)
- Menù -> Codifiche.
Qui vediamo (Notepad++ si determina da solo) la codifica del file che abbiamo aperto. - Scegliere Converti in UTF-8 senza distinta base(BOM - Contrassegno ordine byte).
(Codiroaka "UTF-8 senza BOM" è preferito e differisce solo da "UTF-8"). - Menù -> File -> Salva.
Rilevamento della codifica del browser
Noi stessi diciamo al browser quale codifica è impostata per questo file HTML.
Questo viene fatto utilizzando il META tag 1)
L'esempio sopra indica al browser che il file HTML scaricato viene salvato con la codifica utf-8. Se il file HTML viene salvato con la codifica Windows-1251, allora: 2)
Importante!
Durante la transcodifica dei file
non dimenticare di cambiare le direttive nel tag META siano rilevanti.
Se una codifica è specificata nel tag META e il file viene salvato in un'altra codifica, vedremo "abracadabra" sullo schermo.
3) Se il META tag contiene la codifica richiesta, ma il sito visualizza ancora “abracadabra”, quindi è necessario verificare le impostazioni del sito sull'hosting (server web).
Di solito sull'hosting, la codifica è impostata su utf-8 nelle impostazioni del sito.
Se le impostazioni di hosting specificano la codifica windows-1251, è necessario modificare l'impostazione in utf-8.
Nel primo capitolo di questo tutorial, riguardante la costruzione generale di un documento html, ho detto che tutti i documenti html dovrebbero avere il seguente template di codice:
- inizio del documento
- inizio della testa
- chiudere la testa
- inizio del corpo
- chiusura del corpo
- fine del documento
Dove tra i tag
vengono indicate le informazioni che intendono essere visualizzate sullo schermo nel modulo di cui abbiamo bisogno e tra i tag
esclusivamente informazioni di servizio destinate ai motori di ricerca e ai browser di determinati utenti. Quindi che tipo di informazioni sono queste e a cosa servono? Risponderò in modo sistematico e parziale in questo capitolo.
Taggato
</b> ci è già familiare, con l'aiuto di esso indichiamo il nome del documento nel titolo della pagina. Adesso una nuova etichetta <b><meta>
</b>(non richiede un tag di chiusura) con l'aiuto di esso indicheremo proprio queste informazioni di servizio sulla nostra pagina.</p>
<b><meta>
</b> il tag ha i seguenti attributi: <ul><li><b>http-equiv</b>- indica al browser come elaborare il contenuto principale del documento, o meglio, in base a quali dati.</li><li><b>nome</b>- nome informativo. (usato insieme all'attributo <b>contenuto</b>)</li><li><b>contenuto</b>- contenuto informativo associato al meta nome ( <b>nome</b>)</li>
</ul><p>Ora, usando esempi, approfondiremo l'essenza della questione.</p>
<h2>Codifica dei caratteri e linguaggio</h2>
<p>Esempio (molto necessario e importante):</p>
<p> <b><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
</b></p>
<p>Innanzitutto ti dirò perché è necessaria questa riga nell'intestazione di un documento html. Questa voce indica al browser la codifica in cui è stata scritta questa pagina: il formato del documento e il layout della tastiera, in questo caso è cirillico per Windows. Se questa riga non è scritta nel titolo della pagina, è molto probabile che tutto il testo della tua pagina venga visualizzato sotto forma di "geroglifici" incomprensibili per l'uomo per diversi utenti di determinati browser. Naturalmente, l'utente può applicare il comando a tale documento nel browser <b>Visualizza->Codifica->Cirillico</b>, ma potrebbe non essere a conoscenza di questa funzione e perché disturbare una persona con questa azione.</p>
<p>Ora suddividiamo la nostra registrazione sillaba per sillaba: <br><b><meta http-equiv="Content-Type"
</b>- indicare cosa faremo in questo meta tag <b>Tipo di contenuto</b>- tipo di contenuto <br><b>Contenuto="testo/html;</b>- vale a dire il suo testo <br><b>Set di caratteri=Windows-1251"></b>- documento per Windows - Cirillico dove <b>1251
</b> codifica del layout della tastiera, quindi ad esempio verrà impostata la tastiera inglese <b>Set di caratteri=Windows-1252</b></p>
<p>Attualmente, i webmaster avanzati consigliano di utilizzare la codifica <b>UTF8</b></p>
<p>Cioè scrivere in testa al documento in questo modo:</p>
<p> <b><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</b></p>
<p> <b><meta http-equiv="Content-Language" Content="ru">
</b></p>
<p>Questa riga dice quella lingua <b>Lingua</b> il documento è russo <b>Contenuto="it"</b></p>
<p>L'impostazione errata della lingua e del layout della tastiera può portare a conseguenze disastrose.</p>
<h2>Informazioni sul documento</h2>
<p> <b><meta name="author" Content="Остап Бендер">
</b> <br><b><meta name="copyright" Content=""Рога и копыта" Остап Бендер">
</b></p>
<p>Questi meta descrittori hanno lo scopo di fornire una dichiarazione di copyright direttamente nell'intestazione del codice html, quindi <b>nome="autore"</b> indica il nome dell'autore della pagina, e <b>nome="copyright"</b> diritto d'autore (copyright), che può indicare il cognome, il nome, il patronimico dell'autore del sito, il nome dell'azienda, il marchio... ecc. Inoltre, includendo tale descrizione nel titolo del documento, semplifica notevolmente il compito del motore di ricerca quando cerca il tuo sito per nome dell'autore, nome dell'azienda, marca...</p>
<p> <b><meta name ="Generator" Content="Microsoft Notepad">
</b></p>
<p>Se vuoi puoi indicare con quale editor html è stata scritta questa pagina.</p>
<h2>Descrizione della pagina e parole chiave</h2>
<p> <b><meta name="description" Content="Acquistiamo corna e zoccoli a prezzi competitivi!">
</b></p>
<p><b>Descrizione</b>- una breve descrizione della pagina. Questa descrizione viene spesso utilizzata dai motori di ricerca per visualizzare nei risultati di ricerca, per qualsiasi richiesta, informazioni sul sito e sul suo scopo.</p>
<p> <b><meta name="keywords" Content ="рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене">
</b></p>
<p><b>Parole chiave</b>- parole chiave della pagina web, sempre destinate ai motori di ricerca.</p>
<p>Immagina di cercare in qualche motore di ricerca un sito con informazioni su dove puoi vendere le stesse corna e zoccoli :) Quali parole e frasi inserirai nella riga "Cerca"? Beh, probabilmente qualcosa del tipo: “Dove posso vendere le corna di mucca?” o "Vendi zoccoli a buon prezzo". Quindi, se definisci le parole chiave e, per così dire, prevedi i pensieri di un potenziale visitatore, puoi sperare che l'uno o l'altro motore di ricerca fornisca un collegamento al tuo sito nelle prime righe. del risultato della ricerca. Naturalmente, l'inserimento di questo meta-descrittore non garantisce che il tuo sito otterrà il primo posto nella ricerca di queste parole, ma non dovresti comunque trascurarlo. Tuttavia, questo è un argomento di discussione separato.</p>
<p>Ricorda che la descrizione <b>descrizione</b> non deve superare più di 200 caratteri di lunghezza e parole chiave <b>parole chiave</b> 1000 caratteri, altrimenti potrebbe avere un effetto dannoso sulla promozione del tuo sito al TOP dei motori di ricerca.</p>
<h2>Indirizzo</h2>
<p> <b><meta name="Publisher-Email" Content="Ваш_e-mail@сервер.домен">
</b> <br><b><meta name="Publisher-URL" Content="http://www.Ваш_сайт/">
</b></p>
<p>Penso che sia chiaro... l'indirizzo della tua casella di posta è indicato qui <b>Editore-E-mail</b> e indirizzo del sito web <b>URL dell'editore</b></p>
<h2>Aggiornamento della pagina</h2>
<p> <b><meta name ="revisit-after" Content="15 days">
</b></p>
<p>Se una determinata pagina del tuo sito prevede un costante aggiornamento e/o aggiunta di contenuti informativi, allora sarebbe bene includere questa descrizione nel titolo di questa pagina. Questa introduzione consentirà al programma robot di visitare tempestivamente il tuo sito e indicizzarne il contenuto. Nel nostro esempio abbiamo dichiarato che aggiorneremo il contenuto della pagina almeno una volta ogni 15 giorni, puoi stare certo che il programma robot prenderà nota dei tuoi piani e verrà a “visitarti” una volta ogni quindici giorni per controllare se è cambiato qualcosa per te...</p>
<h2>Validità e cache del documento</h2>
<p>Per accelerare il caricamento delle pagine e risparmiare traffico, i browser moderni salvano le pagine visitate dall'utente nella cache (sul disco rigido) e quando le visitano di nuovo le caricano non dal server, ma direttamente dal cache. In effetti, questa funzione è buona... ma c'è un “ma”, il fatto è che il browser potrebbe visualizzare informazioni obsolete da alcune pagine. Immagina, ad esempio, che il tuo sito web sia una sorta di pubblicazione periodica di notizie online e l'utente riceverà, invece delle ultime notizie, informazioni obsolete che sono archiviate nella sua cache!! e senza capire quale sia il “guaio”, prenderà il tuo sito per un sito “morto”, abbandonato e non aggiornato da nessuno.</p>
<p>Per forzare il browser a caricare una determinata pagina non dal disco rigido, ma dal server, è necessario un meta tag con questa sintassi, che indica il giorno della settimana, giorno, mese, anno, ora (hh:mm :ss) e fuso orario( <b>GMT+03:00</b>- Ora di Mosca + tre ore). Il giorno della settimana e l'ora del giorno non possono essere specificati. Ora, quando un browser legge una pagina, la pagina verrà caricata dal server se la data e l'ora specificate sono arrivate o sono scadute, e viceversa dalla cache se l'ora specificata non è ancora arrivata.</p>
<p>Di seguito, per ogni evenienza, sono riportate le tabelle delle abbreviazioni delle parole inglesi per i mesi e i giorni della settimana</p>
<td valign="top">
</td>
<p>Attributo <b>contenuto</b> può essere assegnato un valore <b>"0" <meta http-equiv="Expires" content="0">
</b> in questo caso la pagina verrà sempre caricata dal server.</p>
<p>E ancora una cosa... alcuni robot di ricerca potrebbero rifiutarsi di indicizzare un documento con una data ovviamente obsoleta. -non sfidare il destino...</p>
<p> <b><meta http-equiv="pragma" content="no-cache">
</b></p>
<p>E una voce del genere impedirà completamente al browser di memorizzare nella cache questa pagina.</p>
<h2>Comandi per il robot</h2>
<p> <b><meta name="robots" content="Index,follow">
</b></p>
<p>Questo meta tag ha lo scopo di fornire al robot di ricerca uno o un altro comando.</p>
<p>Elenco dei possibili comandi per il robot:</p>
<ul><li><b>Indice</b>- indicizzare la pagina</li><li><b>Nessun indice</b>- non indicizzare la pagina</li><li><b>Seguire</b>- tenere traccia dei collegamenti ipertestuali su una pagina</li><li><b>Non seguire</b>- non seguire i collegamenti ipertestuali sulla pagina</li><li><b>Tutto</b>- indicizzare la pagina e tenere traccia dei collegamenti ipertestuali sulla pagina (impostazione predefinita)</li><li><b>Nessuno</b>- non indicizzare la pagina e non tenere traccia dei collegamenti ipertestuali sulla pagina</li>
</ul><h2>Passaggio automatico a un'altra pagina</h2>
<p> <b><meta content="10; URL=http://www.mysite/index.html">
</b></p>
<p>Se all'improvviso per qualche motivo decidi di cambiare l'indirizzo URL del tuo sito, sarebbe bene lasciare una pagina come questa al suo vecchio posto:</p>
<p> <html> <br>
<head> <br>
<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251"> <br><b><meta content="10; URL=http://www.mysite/index.html">
</b> <br>
<title>Inoltro
L'indirizzo del sito è stato modificato, dopo 10 secondi il tuo browser verrà automaticamente reindirizzato al nuovo indirizzo:
http://www.miosito.ru/
Clicca qui per effettuare il trasferimento immediato.
Ci scusiamo per l'inconveniente causato.
