Esimesed elemendid HTML-dokumendis
Iga HTML-dokument veebis koosneb erinevatest elementidest. Paljud elemendid on üsna levinud ja neid leidub peaaegu kõigis, näiteks lõigetes, rubriikides, kujutistel ja linkidel. Nagu tavaline, on need elemendid siiski vabatahtlikud. Te ei vaja neid tehniliselt veebilehel - kuigi kõik need lehed puuduvad, on tõenäoliselt üsna vähe!
Lisaks neile valikulistele HTML-elementidele on ka teisi, mida lehel tegelikult vaja on. Enamik neist elementidest asub HTML-lehekülje alal
. Need elemendid on need, mida enam ei kuvata veebilehtedel. Elemendid on teie saidi inimestest külastajad peidetud, kuid need on endiselt väga kasulikud, kuna nad edastavad veebibrauseris teavet ja otsingumootoreid selle lehe kohta.
Tehniliselt on ainult üks märgis, mis peab olema kõikide HTML-dokumentide ülaservas: element. See sildipaar algab ja lõpeb teie veebilehe ja see võimaldab brauseril teada, et kõike nende kahe märgi vahel on HTML-sisu. Ainuke asi, mida sa tihti näed enne avamise sildi, on lehtede doctype. See oleks kirjutatud nii:
Pärast seda, kui tag on eelmainitud
tag paar. Selle märgispaari sees on see, kuhu lisate mitmeid teisi olulisi elemente, sealhulgas
ja <meta> silte. </p>
<h3> TITLE element </h3><p> Peaksite alati lisama <title> oma veebilehe. Sellel on mitu põhjust, sealhulgas: </p>
<ol><li> Otsingumootorid kasutavad kataloogi peamise vahendina pealkirja TITLE. Kui teie veebisaidil puudub kirjeldav pealkiri, annavad otsingumootorid sellele madalama hinnangu kui teised lehed. See on ka see, mis kuvatakse otsingumootori otsingutulemuste lehel (mida tuntakse ka kui SERP-i). </li><li> See kuvatakse brauseriakna ülaosas või vahekaardil, kirjeldades lehte brauseris. </li><li> See on see, mis on kirjutatud, kui keegi teie veebisaidile järjehoidjaid tähistab. Kui inimesed teie saidi järjehoidja loovad, soovid nad seda meeles pidada, et see on teie veebisait, mitte "Untitled Document", mis on paljudes veebiarenduse tarkvaraplatvormides kasutatud lehe pealkiri. </li></ol><p> Kuna <title> -märk on mõeldud selle lehe ülevaate kuvamiseks, peaks teie saidi igal lehel olema ainulaadne <title>, sest iga saidi leht sisaldab unikaalset sisu. Proovige hoida selle märgendi sisu alla 60 tähemärki või vähem. Saate lisada rohkem, kuid otsingumootorid kärpivad sisu, kui see ületab selle numbri. </p>
<h3> Metaandmed või metaandmed </h3><p> <a href="https://et.eyewated.com/kuidas-meta-maergendid-teie-veebisaiti-toesti-mojutavad/">Metaandmed</a> on teie HTML-dokumendi <head> andmed, mis pakub veebibrauseri ja muude seadmete jaoks teie veebisaidile lisateavet. Saate lisada sellist teavet nagu autori nimi, leht, mida lehe loomisel kasutati, lehe aegumise aeg ja ehk kõige olulisemad lehe enda jaoks asjakohased <a href="https://et.eyewated.com/kuidas-meta-maergendid-teie-veebisaiti-toesti-mojutavad/">kirjeldused</a> ja <a href="https://et.eyewated.com/kuidas-html-i-maerksonu-kasutada/">märksõnad</a> . </p>
<p> Kõige olulisem META-märgend, mida peaksite oma veebidokumentidesse lisama, on tegelikult märgistik või kooditabel. See on oluline <a href="https://et.eyewated.com/meta-charset-tag-html5-s/">teie veebisaitide turvalisuse tagamiseks</a> . </p>
<p> Märksõnakomplekt peaks alati olema teie HEAD-i esimene <a href="https://et.eyewated.com/opi-pohitodesid-ja-kuidas-neid-projekteerida/">rida</a> , nii et häkkerid ei saaks sisse murda. Kontekstis, nagu ka ülejäänud sildid, mille oleme ka kaetud, sooviks ta seda järgmist: </p>
<p> <! doctype html> <br> <html> <br> <head> <br> <meta charset = "utf-8"> <br> <title> See on pealkirja sisu </ title> <br> </ head> <br> </ html> </p>
<h3> Lisateave meta-märksõnade kohta </h3><p> Meta-siltid on väga olulised otsingumootorites hea positsiooni saamiseks, kuid kui teil on aega kirjutada kas hea <a href="https://et.eyewated.com/kuidas-meta-maergendid-teie-veebisaiti-toesti-mojutavad/">kirjeldava pealkirja</a> või metakoode, <strong>kirjutage pealkiri</strong> . Teie dokumendi pealkiri läheb kaugemale <a href="https://et.eyewated.com/kuidas-html-i-maerksonu-kasutada/">otsingumootori asukohast</a> kui metakoode. </p>
<ul><li> Magic with Meta Tags - <a href="https://et.eyewated.com/kasulikud-meta-sildid/">kasuta</a> <a href="https://et.eyewated.com/kuidas-meta-maergendid-teie-veebisaiti-toesti-mojutavad/">otsingumootori paremaks paigutamiseks</a> <a href="https://et.eyewated.com/kasulikud-meta-sildid/">metakoode</a> </li><li> <a href="https://et.eyewated.com/kuidas-kasutada-meta-vaerskendamise-tag/">Veel meta-märksõnu</a> - kaugemale märksõnadest ja kirjeldustest, et kasutada oma <a href="https://et.eyewated.com/kuidas-meta-maergendid-teie-veebisaiti-toesti-mojutavad/">metaandmeid</a> kõige enam ära </li><li> Meta Tag lingid - täiendavad lingid meta-tagade abiks </li></ul><h3> Muud elemendid </h3><p> Lisaks juba olemasolevatele elementidele leiate lehe <head> muudest olulistest asjadest viited saidi CSS-failidele Javascript, kas lingid JS-failidele või inline Javascripti koodi. </p>
<p> Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 21. ja 17. jaanuaril </p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-luua-suedame-ikooni-veebisaidil/">Kuidas luua südame ikooni veebisaidil</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-lisada-veebisaidile-rss-kanalit/">
<amp-img src="https://exse.eyewated.com/pict/8e524ed5ca6134e0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-lisada-veebisaidile-rss-kanalit/">Kuidas lisada veebisaidile RSS-kanalit</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kui-palju-peaks-veebisaiti-maksma/">
<amp-img src="https://exse.eyewated.com/pict/6149d9954ccb33f0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kui-palju-peaks-veebisaiti-maksma/">Kui palju peaks veebisaiti maksma?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-pilti-pildi-vasakusse-teksti-sisestamiseks-veebilehel/">
<amp-img src="https://exse.eyewated.com/pict/18b08835928e33e3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-pilti-pildi-vasakusse-teksti-sisestamiseks-veebilehel/">Kuidas pilti pildi vasakusse teksti sisestamiseks veebilehel</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/spetsialist-vs-generalist-milline-veebisaitide-karjaeaeri-tee-on-teie-jaoks-oige/">
<amp-img src="https://exse.eyewated.com/pict/04769a57f6313053-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/spetsialist-vs-generalist-milline-veebisaitide-karjaeaeri-tee-on-teie-jaoks-oige/">Spetsialist vs Generalist: Milline veebisaitide karjääri tee on teie jaoks õige?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/progressiivne-taeiustus/">
<amp-img src="https://exse.eyewated.com/pict/6b571d36670c33c4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/progressiivne-taeiustus/">Progressiivne täiustus</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/seostamise-oigus/">
<amp-img src="https://exse.eyewated.com/pict/1410230006c033a9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/seostamise-oigus/">Seostamise õigus</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/web-design-toeoekohad-outlooki-kaudu-2022/">
<amp-img src="https://exse.eyewated.com/pict/ab7ef7d7b8322fee-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/web-design-toeoekohad-outlooki-kaudu-2022/">Web Design Töökohad Outlooki kaudu 2022</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-luua-rippmenueue-dreamweaveris/">
<amp-img src="https://exse.eyewated.com/pict/1412ad0505e93176-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-luua-rippmenueue-dreamweaveris/">Kuidas luua rippmenüü Dreamweaveris</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/koduelektroonika-stardikomplektid/">Koduelektroonika stardikomplektid</a></h3>
<div class="amp-related-meta">
Uus & Järgmine </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/veoki-kujunduse-maeaeratlus-ja-asukoht/">
<amp-img src="https://exse.eyewated.com/pict/e64bb6dfc8d539ff-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/veoki-kujunduse-maeaeratlus-ja-asukoht/">Veoki kujunduse määratlus ja asukoht</a></h3>
<div class="amp-related-meta">
Tarkvara </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/cad-disainerid/">
<amp-img src="https://exse.eyewated.com/pict/87fadbdf7cdb3114-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/cad-disainerid/">CAD disainerid</a></h3>
<div class="amp-related-meta">
Tarkvara </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kaheksa-parimat-radariandurit-2018-aastal-osta-alla-100-eest/">
<amp-img src="https://exse.eyewated.com/pict/ec997434792331b4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kaheksa-parimat-radariandurit-2018-aastal-osta-alla-100-eest/">Kaheksa parimat radariandurit 2018. aastal osta alla $ 100 eest</a></h3>
<div class="amp-related-meta">
Juhendite ostmine </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-linuxi-failide-ja-kaustade-kustutamine/">Kuidas Linuxi failide ja kaustade kustutamine</a></h3>
<div class="amp-related-meta">
Linux </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/mida-taehendab-wud/">
<amp-img src="https://exse.eyewated.com/pict/29f8b6e32e082fe4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/mida-taehendab-wud/">Mida tähendab WUD?</a></h3>
<div class="amp-related-meta">
Sotsiaalmeedia </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://et.eyewated.com/adsense-arbitrage/">
<amp-img src="https://exse.eyewated.com/pict/6dfaef56be8d34b8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/adsense-arbitrage/">AdSense Arbitrage</a></h3>
<div class="amp-related-meta">
Veebiotsing </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/tehke-photoshop-elementides-joulutuli-tuua/">
<amp-img src="https://exse.eyewated.com/pict/9ea353f40e3932c9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/tehke-photoshop-elementides-joulutuli-tuua/">Tehke Photoshop Elementides jõulutuli tuua</a></h3>
<div class="amp-related-meta">
Tarkvara </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/ueles-liitumise-kiiruse-testid/">
<amp-img src="https://exse.eyewated.com/pict/4ae077dfeb233850-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/ueles-liitumise-kiiruse-testid/">Üles liitumise kiiruse testid</a></h3>
<div class="amp-related-meta">
E-post ja sõnumside </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/maci-ueldise-eelistuste-paneeli-kasutamine/">
<amp-img src="https://exse.eyewated.com/pict/5f306d7107f43321-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/maci-ueldise-eelistuste-paneeli-kasutamine/">Maci üldise eelistuste paneeli kasutamine</a></h3>
<div class="amp-related-meta">
Maci </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/rendering-terminoloogia-selgitatakse/">
<amp-img src="https://exse.eyewated.com/pict/f9b8775b770d3409-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/rendering-terminoloogia-selgitatakse/">Rendering terminoloogia selgitatakse</a></h3>
<div class="amp-related-meta">
Uus & Järgmine </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/7-parimat-kaamerakotid-ja-kotid-2018-aastal/">7 parimat kaamerakotid ja -kotid 2018. aastal</a></h3>
<div class="amp-related-meta">
</div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/otsingufunktsioonide-lisamine-veebisaidile/">
<amp-img src="https://exse.eyewated.com/pict/ca23d87fee3b2fad-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/otsingufunktsioonide-lisamine-veebisaidile/">Otsingufunktsioonide lisamine veebisaidile</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/parim-ipad-utility-apps/">
<amp-img src="https://exse.eyewated.com/pict/0a9e297bf17f34b7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/parim-ipad-utility-apps/">Parim iPad Utility Apps</a></h3>
<div class="amp-related-meta">
Tarkvara ja rakendused </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kaugjuurdepaeaesu-keelamine-windows-xp-s/">
<amp-img src="https://exse.eyewated.com/pict/e46ae2532a4930ed-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kaugjuurdepaeaesu-keelamine-windows-xp-s/">Kaugjuurdepääsu keelamine Windows XP-s</a></h3>
<div class="amp-related-meta">
Veebiotsing </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/paroolijuhi-enpass-toms-mac-tarkvara-valik/">
<amp-img src="https://exse.eyewated.com/pict/e9d069c3c38332c9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/paroolijuhi-enpass-toms-mac-tarkvara-valik/">Paroolijuhi enpass: Tom's Mac tarkvara valik</a></h3>
<div class="amp-related-meta">
Tarkvara ja rakendused </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/kuidas-mojutab-3d-ruumala-helitugevust/">
<amp-img src="https://exse.eyewated.com/pict/9d5737b066773430-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/kuidas-mojutab-3d-ruumala-helitugevust/">Kuidas mõjutab 3D ruumala helitugevust?</a></h3>
<div class="amp-related-meta">
Kodukino </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/monkey-audio-definitsioon-mis-on-ape-vormingus/">
<amp-img src="https://exse.eyewated.com/pict/72b5152c9df63446-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/monkey-audio-definitsioon-mis-on-ape-vormingus/">Monkey Audio Definitsioon: Mis on APE-vormingus?</a></h3>
<div class="amp-related-meta">
Veebiotsing </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/mis-on-elektrooniline-allkiri/">
<amp-img src="https://exse.eyewated.com/pict/d91b6957d9e93fbc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/mis-on-elektrooniline-allkiri/">Mis on elektrooniline allkiri?</a></h3>
<div class="amp-related-meta">
Internet ja võrk </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/mis-on-pptm-fail/">
<amp-img src="https://exse.eyewated.com/pict/87214e4f531d31e4-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/mis-on-pptm-fail/">Mis on PPTM-fail?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/cool-siri-trikid-mis-on-kasulikud-ja-lobusad/">
<amp-img src="https://exse.eyewated.com/pict/99de26f031653509-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/cool-siri-trikid-mis-on-kasulikud-ja-lobusad/">Cool Siri trikid, mis on kasulikud ja lõbusad</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://et.eyewated.com/song-sildid-metaandmete-taehtsus-muusikafailides/">
<amp-img src="https://exse.eyewated.com/pict/ea8d9e79280f317f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://et.eyewated.com/song-sildid-metaandmete-taehtsus-muusikafailides/">Song Sildid: Metaandmete tähtsus muusikafailides</a></h3>
<div class="amp-related-meta">
Veebiotsing </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 et.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.314 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:56:48 -->
<!-- 0.002 -->