Lecții pe etichetele meta aspectului site-ului, datele meta

Orice dezvoltator front-end funcționează cu tag-uri meta in fiecare zi, dar atunci când încercați să le explicați în cuvinte simple, începe complexitate. Oricum, am. Voi încerca să explice cât mai clar posibil și mai ușor.

Din lecțiile anterioare, vă puteți aminti că orice informație din pagina HTML este în interiorul tag-uri. Unele dintre informațiile pe care le dorim să vedem în browser-ul, dar în afară de ele, există, de asemenea, acele date care nu sunt afișate în browser-ul, cu toate acestea, afectează în mod direct ceea ce vedem.

Această parte a paginii este numită „metadate.“

Metadate (date meta, meta-date) - acest lucru este de informații cu privire la informații, descrierea conținutului paginii. Aceste date descriu cum ar trebui să arate conținutul vizibil, care este setul de caractere utilizat pe pagină etc.

Trei diferențe principale de metadate:

specificate în tag-ul
direct invizibil pentru utilizator (altele decât tag-ul )</li> <li>este informații cu privire la conținutul</li> </ol> <p>În cele mai multe cazuri, metadatele trebuie să specifice: titlu, codare (setul de caractere), conectați js și stiluri, pentru a conecta pictograma site-ului. Aproape tot restul - parametrii opționali care sunt utilizate mai puțin frecvent.</p> <p>Metadata poate fi orice număr, aici sunt cele mai importante:</p> <ul> <li>titlu - pagina de titlu tag <title> ;</li> <li>stiluri CSS stocate în codul documentului - stil;</li> <li>link - fișiere externe, stylesheet icoane, și așa mai departe;</li> <li>meta - toate celelalte: codare sau orice informații despre pagină.</li> </ul> <p>Meta tag-uri - este depozitul pentru metadate pe pagina pentru fiecare trebuie să furnizeze un nume și o valoare. structura metatag <meta> este după cum urmează:</p> <p>Meta tag-uri pot fi aproape orice, iar în cele mai multe cazuri sunt de consultanță în natură, ceea ce înseamnă că pot fi ignorate de motoarele de căutare și browsere. Putem distinge aceste cazuri de utilizare a acestora:</p> <h2>Exemple de meta tag-uri</h2> <p>Descrierea poate fi stocată o scurtă descriere a paginii.</p> <p>În primele zile de metadate HTML este utilizat de către motoarele de căutare pentru a descrie pagina în rezultatele căutării sau pentru a determina ce cuvinte cheie ar trebui să-l găsească.</p> <p>De-a lungul timpului, multi webmasteri au început să abuzeze de această funcție, inclusiv în ea descriere sau cuvinte cheie cu bună știință incorecte, care nu este chiar pe pagina.</p> <p>Combaterea spam în rezultatele de căutare, motoarele de căutare au pierdut treptat interesul în metadate de conținut textual, și formează, de obicei, descrierea în mod automat și pur și simplu ignora astfel de metadate.</p> <p>Algoritmul este ascuns de cei care, în timp ce Google în sine, astfel vorbește despre cuvintele cheie și descrierea specificate manual:</p> <p>În unele cazuri, descrierea este afișată alături de fragment în rezultatele de căutare.</p><p>Și, în unele - nu.</p> <p>Roboții meta tag-ul este familiar pentru toate motoarele de căutare, vă permite să controlați scanarea robotului de căutare de documente.</p> <p>Valoarea numele pe care îl specificați numele motorului de căutare, dar în conținutul (sau roboți, în cazul în care directiva ar trebui să acopere toate dintre ele.) - ceea ce vrei să „spun“ la robot.</p> <p>Iată câteva exemple de bază de roboți meta. care știe cum să lucreze Google:</p> <p>Google poate afișa „site-ul de căutare“ de lângă link-ul de la pagina dvs. în rezultatele căutării. Această meta tag-ul se poate dezactiva.</p> <p>În cazul în care limba unei pagini este diferită de setările browser-ului de pagină și de căutare, Google va oferi să traducă documentul. Această meta tag-ul poate indica faptul că transferul nu este necesar.</p> <h2>Ce este mai probabil să utilizeze</h2> <p>Google a colectat statistici cu privire la utilizarea valorilor atributelor http-equiv și un nume pentru Meta Tag-uri:</p> <p><div style="text-align:center;"><img src="https://webp.images-on-off.com/25/990/434x353_oufnhngw56dw6mkur3ep.webp" width="434" height="353" title="Lecții de aspect meta tag-uri, meta-date (meta-tag-uri)" alt="Lecții pe etichetele meta aspectului site-ului, datele meta" ></div></p> <p>codificării paginii de, setul de caractere care este utilizat pe el. Cel mai adesea pagini chirilice aici va fi utf-8. mult mai puțin - ferestre-1251.</p> <h2>fișiere de stil</h2> <p>Vă rugăm să rețineți: <link> Ea nu are nevoie de închidere și <script> - este nevoie.</p> <p>Aproape întotdeauna o indicație a meta tag-uri - lucru de rutină. Dar vestea bună este că cele mai multe dintre meta tag-uri vor fi aceleași pentru diferite proiecte, și „cadru“, pagina HTML-cod în standardul general.</p> <p>Prin urmare, la începutul aspectul paginii de la zero, puteți utiliza un șablon care va fi modificat în funcție de necesități.</p> <p>Aici este un exemplu de un astfel de șablon:</p> <p>Încercați să creați prima pagină pe acest șablon, în tag-ul body a scrie un text, și apoi deschideți fișierul într-un browser pentru a verifica dacă a apărut pe pagina.</p> <p>"Data-POST_ID =" 9105 "date-user_id =" 0 0 "date-lang =" ro "-decom_comment_single_translate date =" "= is_need_logged-date" comentariu "-decom_comment_twice_translate date =" comment "date-decom_comment_plural_translate =" komentarіv " date-multiple_vote = "1" = text_lang_comment_deleted-date "comentariu Vidal" date-text_lang_edited = "Vіdredagovano de" date-text_lang_delete = "Vidaliti" date-text_lang_not_zero = "câmp nu este NULL" = „câmpul obov'yazkove Tse text_lang_required-date. Oberіt unul dintre punktіv "= text_lang_checked-date" "= text_lang_completed-date" Operatsіyu completat Ob'єkti Bulo Vidal "date-text_lang_close =" "= text_lang_items_deleted-date" tip închis "date-text_lang_loading =" Zavantazhennya. „></p> <h3>Adăugați un comentariu</h3> <p>Vibachte pentru komentuvannya neobhіdno uvіyti.</p> <h3>3 comentariu</h3> <p>Tânjim continuarea imediată!</p> <p>@serg, va fi în câteva zile. Și ați împărtășit deja lecțiile cu prietenii. )</p> <p>Vă mulțumim pentru munca ta!</p> <p>zruchny Oberіt pentru tine sposіb pіdpiski</p> <p>Cele mai simple și de bază lucrurile sunt, de obicei, cel mai greu de explicat. Și meta-tag-uri.</p> <p>Se pare că acesta este ultimul mesaj pe acest blog în limba rusă. Bit neașteptat după 8 ani de limbă rusă de distracție, nu?</p> <p>Bună ziua tuturor! Am decis să fac un cadou pentru tine, și imaginați-vă vacanța de Anul Nou.</p> <p>Pentru file în Bootstrap întâlnește fișierul tabs.js. Tab (sau file) pentru a partaja conținut și face posibilă pentru a afișa simultan doar o parte din ea, de poziționare pe comenzile de conținut.</p> <p>Autoritățile braziliene au cerut fără succes de la WhatsApp să le dea corespondența unuia dintre conaționalii săi, dar câștigă încredere „nu“ pentru un răspuns.</p> <p>În continuarea unei serii de note și adaptări ale articole despre Sass propunem să ia în considerare partea teoretică a preprocesor. De exemplu, eventualele neajunsuri.</p> <p>modal.js - o componentă a Bootstrap, care este responsabil pentru afișarea și gestionarea ferestrelor de tip pop-up-uri. O să-ți arăt cum să lucreze cu ei.</p> </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/gradinari-school.html">grădinari School</a></li> <li><a href="/articles/stomatologia-moderna-waladdin-din-penza.html">stomatologia moderna „Aladdin“ din Penza</a></li> <li><a href="/articles/dl-moderator-prikolopediya-fandomului-alimentat-de.html">Dl Moderator, prikolopediya, fandomului alimentat de Wikia</a></li> <li><a href="/articles/de-ce-un-copil-nu-mananca-la-gradinita-copii.html">De ce un copil nu mănâncă la grădiniță, copii</a></li> <li><a href="/articles/pavilion-ganavsky-pavilon-hanavsky.html">pavilion Ganavsky (pavilon hanavský)</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/societatea-post-industriala-si-cultura.html">Societatea post-industrială și cultura postmodernismului - studopediya</a></li> <li><a href="/articles/avem-nevoie-de-vitamine-pentru-copii-copii-aceasta.html">Avem nevoie de vitamine pentru copii, copii - aceasta este fericirea</a></li> <li><a href="/articles/imaginea-clinica-in-utilizarea-si-anularea-de.html">Imaginea clinică în utilizarea și anularea de cocaină, droguri și abuzul de alcool</a></li> <li><a href="/articles/joc-superferma-origami.html">Joc superferma, origami</a></li> <li><a href="/articles/hakama-viata.html">Hakama - viață</a></li> <li><a href="/articles/dezvoltarea-industriala-studopediya.html">Dezvoltarea industrială - studopediya</a></li> </ul> <br> <a href="/privacy.html">Politica de confidențialitate</a> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <br> <ul> <li><a href="/articles/juggernaut-razbunare-ieftin-soveringa-hacking.html">Juggernaut răzbunare ieftin soveringa (hacking) descărca Android</a></li> <li><a href="/articles/10-eticheta-in-afaceri.html">10 Etichetă în afaceri</a></li> <li><a href="/articles/numarul-de-lampi-armstrong-cum-de-a-alege-articole.html">Numărul de lămpi Armstrong - cum de a alege, articole, reled - Iluminat cu LED-uri</a></li> <li><a href="/articles/am-nevoie-sa-mi-spele-parul-nou-nascut.html">Am nevoie să-mi spele parul nou-născut</a></li> <li><a href="/articles/retete-de-sanatate-cu-marar.html">Rețete de sănătate cu mărar</a></li> <li><a href="/articles/conceptie-dupa-avort.html">Concepție după avort</a></li> <li><a href="/articles/cum-de-a-face-fotografii-de-pe-a7s-alfa-sony.html">Cum de a face fotografii de pe A7S alfa Sony</a></li> </ul> </div> </footer></div> </body> </html>