Tanulságok a webhely elrendezését meta tagek, meta adatok
Bármilyen front-end fejlesztő dolgozik meta tagek minden nap, de amikor megpróbálja elmagyarázni nekik, egyszerű szavakkal kezdődik bonyolultságát. Különben is, én is. Megpróbálom elmagyarázni a lehető legvilágosabban és könnyebb.
Az előző leckében emlékezni, hogy semmilyen információt html-oldalon belül van a címkéket. Néhány információ, amit szeretnénk látni a böngésző, de rajtuk kívül is vannak azok az adatok, amelyek soha nem jelenik meg a böngésző, de közvetlenül befolyásolja, amit látunk.
Ez a rész az oldal a „metaadat”.
A metaadatok (meta adatok meta-adatok) - ez a tájékoztatás információk ismertetése az oldal tartalmát. Ezek az adatok leírják, hogyan kell kinéznie a látható tartalmat, ami karakterkészlet használatos az oldalon, stb
Három fő metaadatok különbségek:
- meghatározott tag
- közvetlenül láthatatlan a felhasználó (kivéve a címke
)</li> <li>az információt a tartalmat</li> </ol> <p>A legtöbb esetben a metaadat meg kell határozni: cím, kódolás (karakterkészlet), csatlakoztassa js és stílusok, hogy csatlakoztassa a honlap ikonra. Szinte az összes többi - választható paramétereket, amelyeket ritkábban.</p> <p>A metaadatok bármilyen szám lehet, itt vannak a legfontosabbak:</p> <ul> <li>cím - oldal címe tag <title> ;</li> <li>stílus - CSS stílusokat tárolt kód a dokumentum;</li> <li>Link - külső stíluslap fájlt, ikonok, és így tovább;</li> <li>meta - az összes többit: a kódolás vagy semmilyen információt az oldalon.</li> </ul> <p>Meta tag - az adattár metaadatok az oldalon minden kell adnia egy nevet és egy értéket. Szerkezet metacímkéje <meta> a következő:</p> <p>Meta tag lehet szinte bármilyen, és az esetek többségében a tanácsadó jellegű, ami azt jelenti, lehet figyelmen kívül hagyni a keresőmotorok és a böngészők. Mi lehet megkülönböztetni Ezekben az esetekben a használatuk:</p> <h2>Példák meta tagek</h2> <p>A leírás tárolható egy rövid leírást az oldalon.</p> <p>Az első napokban a HTML metaadatok által használt keresőprogramok leírni az oldalt a keresési eredmények között, illetve, hogy mely kulcsszavak kell találni azt.</p> <p>Idővel sok webmesterek kezdtek visszaélni ezt a funkciót, többek között tudatosan téves leírás, illetve kulcsszavak, amely nem is az oldalon.</p> <p>Küzdelem a spam a keresési eredmények között, a keresőprogramok fokozatosan elvesztette érdeklődését a szöveges tartalom a metaadatok, és általában így a leírás és automatikusan egyszerűen figyelmen kívül hagyja, hogy a metaadatok.</p> <p>Az algoritmus el van rejtve, akik, míg a Google saját maga úgy beszél a kulcsszavakat és leírást meghatározott kézzel:</p> <p>Bizonyos esetekben a leírás jelenik részletei mellett a keresési eredmények között.</p><p>És néhány - nem.</p> <p>A robotok meta tag ismeri az összes keresők, ez lehetővé teszi, hogy ellenőrizzék a szkennelés a dokumentum kereső robot.</p> <p>Az érték a nevét adja meg a nevét a kereső (vagy robotok, ha az irányelv kiterjed valamennyi őket.) De a tartalom -, mit szeretne „azt mondják”, hogy a robot.</p> <p>Íme néhány alapvető példát meta robotok. amely tudja, hogyan kell dolgozni a Google:</p> <p>A Google megjelenítheti a „site keresés” link mellett, hogy az oldal a keresési eredmények között. Ez a meta tag lehet kikapcsolni.</p> <p>Ha az oldal nyelve különbözik a böngésző és a keresési beállításokat, a Google-hez lefordítani ezt a dokumentumot. Ez a meta tag azt jelezheti, hogy az átadás nem szükséges.</p> <h2>Sokkal valószínűbb, hogy használni</h2> <p>Google által gyűjtött statisztikák használata attribútum értékek http-ekvivalens és neve metatagekre:</p> <p>Page kódolás, a karakterkészlet, hogy használják azt. Leggyakrabban cirill oldalak itt lesz utf-8. sokkal kevésbé - windows-1251.</p> <h2>stílus fájl</h2> <p>Kérjük, vegye figyelembe: <link> Nem igényel a zárat és <script> - megköveteli.</p> <p>Szinte mindig jelzi meta tagek - rutinmunka. De a jó hír az, hogy a legtöbb meta tagek ugyanaz lesz a különböző projektek, és a „keret” oldal html-kód általában szokásos.</p> <p>Ezért az elején az oldal elrendezésének a semmiből, akkor egy olyan sablont, majd szükség szerint változtathatóak.</p> <p>Íme egy példa egy ilyen sablon:</p> <p>Megpróbál létrehozni az első oldalon ezt a sablont, a body tag írjon egy szöveget, majd nyissa meg a fájlt a böngésző, hogy ellenőrizze, hogy megjelent az oldalon.</p> <p>"Data-POST_ID =" 9105 "adat-user_id =" 0 "data-is_need_logged =" 0 "data-lang =" en "adat-decom_comment_single_translate =" megjegyzést a "data-decom_comment_twice_translate =" comment "data-decom_comment_plural_translate =" komentarіv " data-multiple_vote = "1" data-text_lang_comment_deleted = "comment Vidal" adat-text_lang_edited = "Vіdredagovano" adat-text_lang_delete = "Vidaliti" adat-text_lang_not_zero = "mező értéke nem NULL" adat-text_lang_required = „Tse obov'yazkove területen. "adatok-text_lang_checked =" Oberіt egyik punktіv "adatok-text_lang_completed =" Operatsіyu befejeződött "adatok-text_lang_items_deleted =" Ob'єkti Bulo Vidal "adatok-text_lang_close =" zárt- "adatok-text_lang_loading =" Zavantazhennya. „></p> <h3>Add meg a megjegyzést</h3> <p>Vibachte az komentuvannya neobhіdno uvіyti.</p> <h3>3. megjegyzés</h3> <p>Mi vágynak a közvetlen folytatása!</p> <p>@serg, lesz egy pár napig. És ha már megosztotta a tanulságokat a barátokkal. )</p> <p>Köszönjük a munkát!</p> <p>Oberіt zruchny önnek sposіb pіdpiski</p> <p>A legegyszerűbb és alapvető dolgok általában a legnehezebb megmagyarázni. És meta-tagek.</p> <p>Úgy tűnik, hogy ez az utolsó hozzászólás ebben a blogban az orosz. Kicsit váratlan 8 év után az orosz nyelvű szórakoztató, nem igaz?</p> <p>Hello mindenkinek! Úgy döntöttem, hogy egy ajándék neked, és elképzelni a szilveszteri ünnepek.</p> <p>Mert füleket Bootstrap megfelel tabs.js. fájl Tab (vagy lapok), hogy megosszák tartalom, és lehetővé teszi, hogy egyszerre megjeleníthető egyetlen része, elhelyezése a tartalmi ellenőrzés.</p> <p>Brazil hatóságok sikertelenül követelte WhatsApp, hogy nekik a levelezés az egyik honfitársát, de elnyeri bizalmát „nem” választ.</p> <p>A folytatásban egy sor jegyzetek és adaptációi cikkek Sass azt javaslom, hogy fontolja meg az elméleti része a preprocessor. Például, annak lehetséges hiányosságait.</p> <p>modal.js - komponense Bootstrap, amely felelős a kijelző és kezelése pop-up. Megmutatom, hogyan kell dolgozni velük.</p> <hr> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/diklak-hasznalati-utasltast-indikaciok-adagolas.html">Diklak - használati utasítást, indikációk, adagolás, analógok</a></li> <li><a href="/articles/hogyan-valtoztassuk-meg-a-megszaklto.html">Hogyan változtassuk meg a megszakító</a></li> <li><a href="/articles/jet-hand-gyalogos-langszoro-rpo-darazs-lelrasok-es.html">Jet Hand gyalogos lángszóró RPO darázs, leírások és jellemzői a káros hatása, a sugár</a></li> <li><a href="/articles/10-orszag-vadaszati-modszerek-es-a-hatalom-a.html">10 ország, vadászati módszerek és a hatalom a madarak</a></li> <li><a href="/articles/a-strategia-elomozdltasa-uj-telephelyet-2018.html">A stratégia előmozdítása új telephelyet 2018 (felhasználó kezdő)</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer kidrfgnb"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/minden-az-allatokrol-beauceron-mind-az-allatokrol.html">Minden az állatokról - Beauceron, mind az állatokról</a></li> <li><a href="/articles/symphony-bemutatja-a-zene-letoltes.html">Symphony - bemutatja a zene letöltés</a></li> <li><a href="/articles/vicces-ditties-a-kertben-novenyi-couplets.html">Vicces ditties a kertben (növényi couplets)</a></li> <li><a href="/articles/hogyan-lehet-fejleszteni-a-bizalom-a-szocialis.html">Hogyan lehet fejleszteni a bizalom - a szociális háló a sikeres emberek</a></li> <li><a href="/articles/petr-veliky-het-europa-eredmenyek-national.html">Petr Veliky hét - Európa - eredmények - National Geographic Magyarország</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2026 | Minden jog fenntartva</p> </div> </footer> </div> </body> </html>