1. Van egy fájlunk: Myfile.html.
2. El kell mentenie Unicode -> UTF-8 kódolással.
1. megoldás.
- Nyissa meg a Myfile.html fájlt egy szövegszerkesztőben Jegyzetfüzet.
- Válassza a „Mentés másként...” lehetőséget.
- Válassza az UTF-8 kódolást.
- Kattintson a gombra - Mentés.
2. megoldás.
- Nyissa meg a Myfile.html fájlt egy szövegszerkesztőben Jegyzettömb++(van PSPad szerkesztő is)
- Menü -> Kódolások.
Itt látjuk (a Notepad++ meghatározza magát) a megnyitott fájl kódolása. - Válasszon Átalakítás UTF-8-ra BOM nélkül(BOM - Byte Order Mark).
(Codiroaka "UTF-8 nélkül BOM" előnyben részesített, és eltér az "UTF-8"-tól). - Menü -> Fájl -> Mentés.
Böngésző kódolás észlelése
Mi magunk mondjuk el a böngészőnek, hogy milyen kódolás van beállítva ehhez a HTML-fájlhoz.
Ez a META tag 1 használatával történik.)
A fenti példa arra utasítja a böngészőt, hogy a letöltött HTML-fájl utf-8 kódolásban kerüljön mentésre. Ha a HTML fájlt Windows-1251 kódolással menti, akkor: 2)
Fontos!
Fájlok átkódolásakor
ne felejts el változtatni direktívák a META címkében, hogy relevánsak legyenek.
Ha egy kódolás van megadva a META címkében, és a fájl egy másik kódolásban van elmentve, akkor az „abracadabra” feliratot fogjuk látni a képernyőn.
3) Ha a META tag tartalmazza a szükséges kódolást, de az oldalon továbbra is az „abracadabra” jelenik meg, akkor ellenőrizni kell a webhely beállításait a tárhelyen (webszerveren).
Általában hosting esetén a kódolás utf-8-ra van állítva a webhely beállításaiban.
Ha a tárhely beállításai megadják a Windows-1251 kódolást, akkor módosítania kell a beállítást utf-8-ra.
Ennek az oktatóanyagnak az első fejezetében, amely egy html dokumentum általános felépítéséről szól, azt mondtam, hogy minden html dokumentumnak rendelkeznie kell a következő kódsablonnal:
- a dokumentum eleje
- a fej eleje
- a fej lecsukása
- a test kezdete
- testzárás
- dokumentum vége
Hol a címkék között
a képernyőn megjeleníteni kívánt információk az általunk szükséges formában, illetve a címkék között vannak feltüntetve
kizárólag bizonyos felhasználók keresőmotorjainak és böngészőinek szánt szolgáltatási információk. Tehát milyen információ ez és mire való? Ebben a fejezetben szisztematikusan és részben válaszolok.
Megjelölt
</b> már ismerjük, segítségével az oldalcímben feltüntetjük a dokumentum nevét. Most egy új címke <b><meta>
</b>(nem igényel záró címkét) ennek segítségével pont ezt a szolgáltatási információt fogjuk jelezni oldalunkon.</p>
<b><meta>
</b> a címke a következő attribútumokkal rendelkezik: <ul><li><b>http-equiv</b>- megmondja a böngészőnek, hogyan dolgozza fel a dokumentum fő tartalmát, pontosabban milyen adatok alapján.</li><li><b>név</b>- információs név. (az attribútummal együtt használjuk <b>tartalom</b>)</li><li><b>tartalom</b>- a meta névhez kapcsolódó információs tartalom ( <b>név</b>)</li>
</ul><p>Most példákon keresztül elmélyülünk a dolog lényegében.</p>
<h2>Karakterkódolás és nyelv</h2>
<p>Példa (nagyon szükséges és fontos):</p>
<p> <b><meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
</b></p>
<p>Először is elmondom, miért van szükség erre a sorra egy html dokumentum fejlécében. Ez a bejegyzés jelzi a böngésző számára azt a kódolást, amelyben ezt az oldalt írták - a dokumentum formátumát és a billentyűzetkiosztást, ebben az esetben ez cirill a Windows számára. Ha ez a sor nincs beírva az oldal címébe, akkor nagy a valószínűsége annak, hogy az oldalon lévő összes szöveg „hieroglifák” formájában jelenik meg, amelyek bizonyos böngészők különböző felhasználói számára érthetetlenek az emberek számára. Természetesen a felhasználó alkalmazhatja a parancsot egy ilyen dokumentumra a böngészőben <b>Nézet->Kódolás->Cirill</b>, de lehet, hogy nem tud erről a funkcióról, és miért kell egy személyt ezzel a művelettel zavarni.</p>
<p>Most bontsuk fel a felvételünket szótagonként: <br><b><meta http-equiv="Content-Type"
</b>- jelezze, mit fogunk csinálni ebben a metacímkében <b>Tartalom-típus</b>- a tartalom típusa <br><b>Content="text/html;</b>- nevezetesen a szövegét <br><b>Charset=Windows-1251"></b>- dokumentum Windowshoz - Cirill hol <b>1251
</b> billentyűzetkiosztás kódolása, így például az angol billentyűzet lesz beállítva <b>Charset = Windows-1252</b></p>
<p>Jelenleg a haladó webmesterek a kódolás használatát javasolják <b>UTF 8</b></p>
<p>Vagyis írja be a dokumentum fejébe így:</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>Ez a sor azt a nyelvet mondja <b>Nyelv</b> a dokumentum orosz <b>Content="hu"</b></p>
<p>A nyelv és a billentyűzet-kiosztás helytelen beállítása súlyos következményekkel járhat.</p>
<h2>Dokumentum információk</h2>
<p> <b><meta name="author" Content="Остап Бендер">
</b> <br><b><meta name="copyright" Content=""Рога и копыта" Остап Бендер">
</b></p>
<p>Ezek a metaleírók arra szolgálnak, hogy a szerzői jogi nyilatkozatot közvetlenül a html kód fejében adjanak meg, tehát <b>name="szerző"</b> jelzi az oldal szerzőjének nevét, és <b>name="copyright"</b> szerzői jog (copyright), amely feltüntetheti az oldal szerzőjének vezetéknevét, keresztnevét, családnevét, a cég nevét, márkáját... stb. Ezen túlmenően, ha ilyen leírást ad a dokumentum címében, akkor Ön nagyban leegyszerűsíti a kereső feladatát, amikor a szerző neve, cégnév, márka alapján keres az oldalára...</p>
<p> <b><meta name ="Generator" Content="Microsoft Notepad">
</b></p>
<p>Ha szeretné, megadhatja, hogy melyik html szerkesztővel készült ez az oldal.</p>
<h2>Oldalleírás és kulcsszavak</h2>
<p> <b><meta name="description" Content="Szarvakat és patákat versenyképes áron vásárolunk!">
</b></p>
<p><b>Leírás</b>- az oldal rövid leírása. Ezt a leírást a keresőmotorok gyakran használják arra, hogy a keresési eredmények között bármilyen kérés esetén információt jelenítsenek meg a webhelyről és annak céljáról.</p>
<p> <b><meta name="keywords" Content ="рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене">
</b></p>
<p><b>Kulcsszavak</b>- a weboldal kulcsszavai, ismét a keresőmotorok számára.</p>
<p>Képzeld el, hogy egy keresőben keresel egy olyan oldalt, ahol információkat találsz arról, hogy hol lehet eladni ugyanazokat a szarvakat és patákat :) Milyen szavakat és kifejezéseket írsz be a „Keresés” sorba? Nos, valószínűleg valami ilyesmi: „Hol árulhatom el a tehénszarvat?” vagy „Kedd el a patákat jó áron”, tehát ha kulcsszavakat definiál, és úgymond megjósolja a potenciális látogató gondolatait, akkor reménykedhet abban, hogy az egyik vagy másik kereső az első sorokban linket ad az Ön webhelyére. a keresési eredményből. Természetesen ennek a meta-leírónak a megadása nem garantálja, hogy webhelye az első helyet foglalja el e szavak keresésében, de ennek ellenére nem szabad figyelmen kívül hagynia. Ez azonban egy külön vitatéma.</p>
<p>Ne feledje, hogy a leírás <b>leírás</b> nem haladhatja meg a 200 karaktert és a kulcsszavakat <b>kulcsszavakat</b> 1000 karakter, ellenkező esetben károsan hathat arra, hogy webhelyét a keresők TOP-jába kerüljön.</p>
<h2>Cím</h2>
<p> <b><meta name="Publisher-Email" Content="Ваш_e-mail@сервер.домен">
</b> <br><b><meta name="Publisher-URL" Content="http://www.Ваш_сайт/">
</b></p>
<p>Szerintem egyértelmű.. itt van feltüntetve a postafiók címe <b>Kiadó-e-mail</b>és a weboldal címét <b>Publisher-URL</b></p>
<h2>Oldal frissítése</h2>
<p> <b><meta name ="revisit-after" Content="15 days">
</b></p>
<p>Ha webhelyének egy bizonyos oldala folyamatos frissítéssel és/vagy információs tartalom hozzáadásával jár, akkor ezt a leírást jó lenne ennek az oldalnak a címében feltüntetni. Ez a bevezetés lehetővé teszi a robotprogram számára, hogy időben felkeresse webhelyét, és indexelje annak tartalmát. Példánkban kijelentettük, hogy legalább 15 naponta frissítjük az oldal tartalmát, biztos lehet benne, hogy a robotprogram tudomásul veszi terveit, és tizenöt naponta egyszer „látogatni” fog. annak érdekében, hogy ellenőrizze, nem változott-e valami az Ön számára...</p>
<h2>Dokumentum érvényessége és gyorsítótár</h2>
<p>Az oldalbetöltés felgyorsítása, valamint a forgalom megtakarítása érdekében a modern böngészők a felhasználó által meglátogatott oldalakat gyorsítótárba (a merevlemezre) mentik, és újbóli felkereséskor nem a szerverről, hanem közvetlenül a szerverről töltik be azokat. gyorsítótár. Valójában ez a funkció jó... de van egy „de”, az tény, hogy a böngésző esetleg elavult információkat jelenít meg valamelyik oldalról. Képzelje el például, hogy az Ön weboldala egyfajta időszakos online hírközlés, és a felhasználó a legfrissebb hírek helyett elavult információkat kap, amelyek a gyorsítótárában vannak tárolva!! és anélkül, hogy megértené, mi a „baj”, az Ön webhelyét „halott” oldalnak fogja tekinteni, elhagyott és senki által nem frissített.</p>
<p>Ahhoz, hogy a böngészőt ne a merevlemezről, hanem a szerverről töltse be egy adott oldalra, szükség van egy ilyen szintaxisú metacímkére, amely jelzi a hét napját, napot, hónapot, évet, időt (óó:pp :ss) és időzóna( <b>GMT+03:00</b>- Moszkvai idő + három óra). A hét napja és a napszak nem adható meg. Most, amikor egy böngésző beolvas egy oldalt, az oldal betöltődik a szerverről, ha a megadott dátum és időpont megérkezett vagy lejárt, és ellenkezőleg, a gyorsítótárból, ha a megadott időpont még nem érkezett meg.</p>
<p>Alább, minden esetre, az angol szavak rövidítéseinek táblázatai találhatók hónapokra és a hét napjaira</p>
<td valign="top">
</td>
<p>Attribútum <b>tartalom</b>értékhez rendelhető <b>"0" <meta http-equiv="Expires" content="0">
</b> ebben az esetben az oldal mindig a szerverről töltődik be.</p>
<p>És még valami... egyes keresőrobotok megtagadhatják a nyilvánvalóan elavult dátumú dokumentumok indexelését. - ne kísértsd a sorsot...</p>
<p> <b><meta http-equiv="pragma" content="no-cache">
</b></p>
<p>És egy ilyen bejegyzés teljesen megtiltja a böngészőnek, hogy gyorsítótárazza ezt az oldalt.</p>
<h2>Parancsok a robotnak</h2>
<p> <b><meta name="robots" content="Index,follow">
</b></p>
<p>Ez a metacímke arra szolgál, hogy egy vagy másik parancsot adjon a keresőrobotnak.</p>
<p>A robot lehetséges parancsainak listája:</p>
<ul><li><b>Index</b>- indexelni az oldalt</li><li><b>Noindex</b>- ne indexelje az oldalt</li><li><b>Kövesd</b>- nyomon követheti a hiperhivatkozásokat egy oldalon</li><li><b>Nofollow</b>- ne kövesse az oldalon található hiperhivatkozásokat</li><li><b>Minden</b>- indexelni az oldalt és nyomon követni az oldalon lévő hiperhivatkozásokat (alapértelmezett)</li><li><b>Egyik sem</b>- ne indexelje az oldalt, és ne kövesse az oldalon található hiperhivatkozásokat</li>
</ul><h2>Automatikus áttérés másik oldalra</h2>
<p> <b><meta content="10; URL=http://www.mysite/index.html">
</b></p>
<p>Ha hirtelen valamilyen okból úgy dönt, hogy megváltoztatja webhelye URL-címét, jó lenne egy ilyen oldalt a régi helyén hagyni:</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>Szállítmányozás
Az oldal címe megváltozott, 10 másodperc elteltével a böngésző automatikusan át lesz irányítva az új címre:
http://www.mysite.ru/
Kattintson ide az azonnali átvitelhez.
Elnézést kérünk az okozott kellemetlenségért.
