kaf
wmaraci reklam

Head Etiketleri Nedir? Head Etiketleri Nelerdir ve Head Etiketleri Ne İşe Yarar

Head etiketleri, Head etiketinin içerisinde yer alan ve sayfa içerisinde kullanıcıya gösterilmeyen etiketlerin tümüdür. ve etiketlerinin arasına koyulan bu etiketler bir doküman için başlık, script, meta bilgileri ve diğer birçok bilgiyi içerebilir.

Meta Nedir?
İlginizi Çekebilir!

Meta Nedir?

Birçok eş anlamlı kelimeye sahip olan “meta” kelimesinin bilgisayar bilimindeki tanımı “hakkında” demektir. Meta bilgisayar içerisindeki birçok şeyde sıklıkla kullanılan bir ön ektir. Meta'yı sıklıkla gördüğümüz örnekler...

Head Etiketleri Nelerdir?

 Heading etiketleri, Head etiketinin içerisine saklanarak sayfada aktif hale getirilen fakat kullanıcıya sayfaya yazdırılacak şekilde aktarılmayan etiketlerdir. Örneğin oluşturduğunuz HTML sayfasının anahtar kelimeleri veya meta açıklama için etiketler oluşturduğunuzda bu etiketler Head etiketleriyle gizlenir. Kaynak koduna bakıldığında görünen bu etiketler sayfa üzerinde kullanıcıya yansıtılmaz ve bu da işlevselliği arttır.

En çok kullanılan Head etiketlerine şu etiketleri örnek olarak gösterebiliriz;

  • (Bu etiket HTML sayfası için gereklidir)</li> <li><style></li> <li><base></li> <li><link></li> <li><meta></li> <li><script></li> <li><noscript></li> </ul> <p>Etiketleri Head içerisinde çalıştırılan ve işlevsel olarak kullanılan etiketler.</p> <p class="wmads11"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752" crossorigin="anonymous"></script> <!-- NedirKonuSon --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9798355913043752" data-ad-slot="2389320031" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></p><h2>Head Etiketleri Ne İşe Yarar?</h2> <p>Head etiketleri, sayfa üzerinde farklı işlevler getirirken kullanıcılar tarafından sayfa üzerinde görünmeyen etiketlerdir. Örneğin <meta> etiketi bir Head etiketidir ve bu etikete ek değerler eklenerek meta açıklaması, sayfanın oluşturucusu veya sayfanın hakkında diğer bilgiler verilebilir.</p> <p>Verilen bu bilgiler internet tarayıcısı üzerinden sayfa açıldığında görünmeyecek ancak sayfanın içerisinde görünmeyecek şekilde yer alacaktır. Daha sonradan arama motorları bu etiketleri tarayacak ve sayfa hakkında bilgi toplayabilecektir.</p> </div> </div> <div class="help"> <div> <div> <i class="icon-question-comment"></i> <strong>Bu içerik size yardımcı oldu mu?</strong> <span>WM Aracı içeriklerini kullanıcı odaklı iyileştirebilmemiz için geri bildirimde bulunabilirsiniz.</span> </div> <ul> <li><a href="#" class="addLike like"><i class="icon-like"></i><b class="like-count">0</b></a></li> <li><a href="#" class="addLike dislike"><i class="icon-dislike"></i><b class="like-count">0</b></a></li> </ul> </div> </div> <div class="askQuestion"> <div> <strong>Aklına bir soru mu takıldı?</strong> <h2>O Zaman Uzmana Sor!</h2> <i class="icon-atom"></i> <div class="row"> <div class="col6"> <div class="input-control icon"> <label for="txtName">Adınız</label> <input type="text" id="txtName" placeholder="Adınızı yazınız..."> <i class="icon-user"></i> </div> </div> <div class="col6"> <div class="input-control icon"> <label for="txtMail">E-posta Adresiniz</label> <input type="text" id="txtMail" placeholder="E-posta adresiniz yazınız"> <i class="icon-at"></i> </div> </div> <div class="col12"> <div class="input-control icon"> <label for="txtQuestion">Sorunuz</label> <textarea id="txtQuestion" rows="3" placeholder="Uzmanlarımıza sormak istediğiniz sorularınızı lütfen açıklayıcı bir biçimde yazınız..."></textarea> <i class="icon-question"></i> <a href="#" class="icon-voice"></a> </div> </div> <p><i class="icon-info"></i>Sorunuz yanıtlandığında size bir bilgilendirme maili ileteceğiz.</p> <div class="colAuto"><button class="btn"><span>Soruyu Gönder</span></button></div> </div> </div> </div> <div class="questions"></div> </div> </div> <div id="widget"> <div> <a class="btn btn-md btn-green" style="text-align:center" href="/nedir/head-etiketleri/sponsor" target="_blank">"Head Etiketleri" Konulu Bu İçeriğe Sponsor Olmak İster Misiniz?</a> </div> <div class="row row-ads mb-3"> <div class="col-12 mb-2 "><center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9798355913043752" crossorigin="anonymous"></script> <!-- Sidebar --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9798355913043752" data-ad-slot="8941968711" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center></div> </div> <div class="popularBlog"> <h2 class="head"><i class="icon-fire"></i>Popüler Nedir? İçerikleri</h2> <ul class="wlist"> <li> <a href="/nedir/it"> <span class="label label-orange">1</span> <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/nedir/thumb/it.png" alt="IT"> </a> <div> <a href="/nedir/it">IT Nedir? Ne İş Yapar ve IT Uzmanı Nasıl Olunur?</a> <span>IT</span> </div> </li> <li> <a href="/nedir/full-screen"> <span class="label label-orange">2</span> <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/nedir/thumb/full-screen.png" alt="Full Screen"> </a> <div> <a href="/nedir/full-screen">Full Screen Nedir? Full Screen Yapma ve Full Screen Tuşu</a> <span>Full Screen</span> </div> </li> <li> <a href="/nedir/onlyfans"> <span class="label label-orange">3</span> <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/nedir/thumb/onlyfans.png" alt="Onlyfans"> </a> <div> <a href="/nedir/onlyfans">Onlyfans Nedir? Onlyfans Hesabı Açmak ve Onlyfans Türkiye'de Yasal mı? </a> <span>Onlyfans</span> </div> </li> <li> <a href="/nedir/blogspot"> <span class="label label-orange">4</span> <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/nedir/thumb/blogspot.png" alt="Blogspot"> </a> <div> <a href="/nedir/blogspot">Blogspot Nedir? Blogspot Açma ve Blogspot Temaları</a> <span>Blogspot</span> </div> </li> <li> <a href="/nedir/yapiskan-tuslar"> <span class="label label-orange">5</span> <img src="/assets/img/load.svg" data-src="/assets/demo/what.png" alt="Yapışkan Tuşlar"> </a> <div> <a href="/nedir/yapiskan-tuslar">Yapışkan Tuşlar Nedir? Yapışkan Tuşları Kullanmak ve Yapışkan Tuşları Kapatma</a> <span>Yapışkan Tuşlar</span> </div> </li> </ul> </div> <div class="popularBlog"> <h3 class="head"><i class="icon-comment"></i>Uzmana Sorulanlar</h3> <ul class="wlist"> <li> <a href="/nedir/alfanumerik#soru5049"> <span class="label label-orange">1</span> <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/nedir/thumb/alfanumerik.png" alt="Alfanümerik"> </a> <div> <span style="display:block">Yigit</span> <span>32 karakter uzunluğunda alfasayısal karakterlerden oluşan bir kombinasyon şifre...</span> <a href="/nedir/alfanumerik#soru5049" style="display:block">Alfanümerik</a> </div> </li> <li> <a href="/nedir/vga#soru5045"> <span class="label label-orange">2</span> <img src="/assets/img/load.svg" data-src="/assets/demo/what.png" alt="VGA"> </a> <div> <span style="display:block">Azim</span> <span>Üzerinde eski tip vga çıkışı olan Nexstar uydu alicisini Lg monitore bağlamak istiyorum.Alicinin erk...</span> <a href="/nedir/vga#soru5045" style="display:block">VGA</a> </div> </li> <li> <a href="/nedir/osd#soru5044"> <span class="label label-orange">3</span> <img src="/assets/img/load.svg" data-src="/assets/demo/what.png" alt="OSD"> </a> <div> <span style="display:block">muhammed</span> <span>Merhaba ben Casper excalibur M.E238FIF-D 23.8 inç monitörü kullanıyorum ancak freesync kapalı ve ben...</span> <a href="/nedir/osd#soru5044" style="display:block">OSD</a> </div> </li> <li> <a href="/nedir/rat#soru5043"> <span class="label label-orange">4</span> <img src="/assets/img/load.svg" data-src="/assets/demo/what.png" alt="RAT"> </a> <div> <span style="display:block">Atilla</span> <span>Rati pc güvelik uyarisi vermeden acabilir miyiz...</span> <a href="/nedir/rat#soru5043" style="display:block">RAT</a> </div> </li> <li> <a href="/nedir/hts-kaydi#soru5042"> <span class="label label-orange">5</span> <img src="/assets/img/load.svg" data-src="https://cdn.wmaraci.com/nedir/thumb/hts-kaydi.jpg" alt="HTS Kaydı"> </a> <div> <span style="display:block">halime</span> <span>Hts kayıtlarında WhatsApp konuşmaları fotoğraf lar çıkar mı birdeayni sim kartı kullanıp da telefon ...</span> <a href="/nedir/hts-kaydi#soru5042" style="display:block">HTS Kaydı</a> </div> </li> </ul> </div> </div> </div> </div> </div> <footer> <div class="container ads-container"> <div class="row row-ads wmads2"> <div class="col "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div> <div class="col hideMobile "><a target="_blank" title="reklam" href="https://wmaraci.com/reklam"><img alt="reklam" src="https://cdn.wmaraci.com/img/wmreklam.jpg"></a></div> </div> </div> <div class="center"> <div class="container"> <div class="row"> <div class="left"> <img src="/assets/img/load.svg" data-src="/assets/img/logo.svg" width="176" height="36" alt="wmaraci"> <strong>Copyright © 2010 - 2025</strong> <p> WM Aracı, BTK onaylı bir yer sağlayıcı olarak içerikleri kontrol etme ya da araştırma yükümlülüğü yoktur. Hukuka aykırı olduğunu düşündüğünüz içerikleri lütfen bize bildiriniz. </p> <a href="/iletisim" class="btn btn-grey"><span class="icon"><i class="icon-exclamation"></i>Aykırı İçerik Bildir</span></a> <ul> <li><a href="https://facebook.com/wmaraci" target="_blank" rel="nofollow" class="icon-facebook"></a></li> <li><a href="https://twitter.com/wmaraci" target="_blank" rel="nofollow" class="icon-x"></a></li> <li><a href="https://t.me/wmaraci" target="_blank" rel="nofollow" class="icon-telegram"></a></li> <li><a href="https://www.youtube.com/wmaracicom" target="_blank" rel="nofollow" class="icon-youtube"></a></li> <li><a href="https://www.instagram.com/wmaraci/" target="_blank" rel="nofollow" class="icon-instagram"></a></li> </ul> </div> <div class="right"> <div class="row"> <div> <strong class="head"><i class="icon-support"></i>Araçlar</strong> <ul> <li><a href="/whois">Whois Sorgulama</a></li> <li><a href="#">SEO Analiz</a></li> <li><a href="#">Site Analiz</a></li> <li><a href="#">Sıra Bulucu</a></li> <li><a href="/araclar">Kod/Tasarım Araçları</a></li> <li><a href="/araclar">Site Araçları</a></li> </ul> </div> <div> <strong class="head"><i class="icon-layers"></i>WM Aracı Forum</strong> <ul> <li><a href="/yeni-ilanlar">İlanlar</a></li> <li><a href="/yeni-konular">Konular</a></li> <li><a href="/arama">Gelişmiş Arama</a></li> <li><a href="/sikayet">Şikayetim Var</a></li> <li><a href="/anketler">Anketler</a></li> <li><a href="/gorseller">Görseller</a></li> </ul> </div> <div> <strong class="head"><i class="icon-more"></i>Diğer Sayfalar</strong> <ul> <li><a href="/hakkimizda">Hakkımızda</a></li> <li><a href="/premium">Premium Üyelikler</a></li> <li><a href="/gizlilik-politikasi">Gizlilik Politikası</a></li> <li><a href="/mesafeli-satis-sozlesmesi">Mesafeli Satış Sözleşmesi</a></li> <li><a href="/teslimat-ve-iade">Teslimat ve İade Politikası</a></li> <li><a href="/hukuka-aykirilik-bildirimi">Hukuka Aykırılık Bildirimi</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="bottom"> <div class="container"> <div class="row"> <ul> <li><a href="/hakkimizda">Hakkımızda</a></li> <li><a href="/reklam">Reklam & İş Birlikleri</a></li> <li><a href="/iletisim">Bize Ulaşın</a></li> </ul> <div> <span>WM Aracı, <b>Cesur.NET İnternet Teknolojileri</b>'nde güvenle barınmaktadır.</span> </div> </div> </div> </div> </footer> <div id="footerMenu"> <button style="z-index:1"><i class="icon-arrow-bottom"></i><i class="icon-arrow-top"></i></button> <ul> <li><a href="/"><i class="icon-home"></i>ANASAYFA</a></li> <li><a href="/forum"><i class="icon-layers"></i>FORUM</a></li> <li><a href="/giris"><i class="icon-account"></i>GİRİŞ YAP</a></li> <li><a href="/kayit"><i class="icon-plus-sign"></i>KAYIT OL</a></li> </ul> </div> </div> <div id="mobileMenu"> <div class="content"> <div class="main"> <a href="#" class="icon-times"></a> <div class="logined"> <div>   </div> <ul> <li><a href="/giris"><i class="icon-account"></i><span>Giriş Yap</span></a></li> <li><a href="#" class="openSettings"><i class="icon-equalizer"></i><span>Site Ayarları</span><b class="icon-arrow-right"></b></a></li> </ul> </div> <ul class="menu"> <li><a href="/yeni-ilanlar"><i class="icon-shopping-basket"></i>İlanlar</a></li> <li><a href="/yeni-konular"><i class="icon-layers"></i>Konular</a></li> <li class="subs"> <a href="#"><i class="icon-support"></i>Araçlar<span class="icon-down-arrow"></span></a> <ul class="vehicle"> <li> <a href="/whois"> <i class="icon-folder-internet" style="color:#18C65D"></i> <strong>Whois Sorgulama</strong> Hızlı ve kolay bir şekilde whois sorgulama yapın. </a> </li> <li> <a href="/ip-class-sorgulama"> <i class="icon-abc-block" style="color:#0382FF"></i> <strong>IP Class Sorgulama</strong> Siteleri a, b ve c ip class'larına göre ayırın. </a> </li> <li> <a href="/cekilis-araci"> <i class="icon-number-list" style="color:#83CB6A"></i> <strong>Çekiliş Aracı</strong> Gelişmiş özelliklere sahip çekiliş aracı. </a> </li> </ul> </li> </ul> <ul class="sub"> <li><a href="/forum">Forum</a></li> <li><a href="/kariyer">Kariyer</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/dizin">Dizin</a></li> <li><a href="/nedir">Nedir?</a></li> </ul> </div> <div class="settings"> <a href="#" class="icon-times"></a> <div class="top"> <a href="#" class="icon-arrow-left"></a> <strong>Site Ayarları</strong> </div> <ul> <li> <div> <i class="icon-setting"></i> <span>Tema Seçeneği</span> <div> <div class="switch switch-grey"> <input type="checkbox" id="switchMobileThema" > <label for="switchMobileThema"><i class="icon-sun"></i><i class="icon-moon"></i></label> </div> </div> </div> </li> <li> <div> <i class="icon-sound"></i> <span>Site Sesleri</span> <div> <div class="switch switch-grey"> <input type="checkbox" id="switchMobileMute" class="toggle-user-permission" data-permission="permissionSound" disabled> <label for="switchMobileMute"><i class="icon-mute"></i><i class="icon-volume"></i></label> </div> </div> </div> </li> <li> <div> <i class="icon-bell"></i> <span>Bildirimler</span> <div> <div class="switch"> <input type="checkbox" id="switchMobileNotice" class="toggle-user-permission" data-permission="permissionNotification" disabled checked> <label for="switchMobileNotice"></label> </div> </div> </div> </li> <li> <div> <i class="icon-bubble-speak"></i> <span>Özel Mesaj Al</span> <div> <div class="switch"> <input type="checkbox" id="switchMobilePrivateMessage" class="toggle-user-permission" data-permission="permissionPm" disabled> <label for="switchMobilePrivateMessage"></label> </div> </div> </div> </li> </ul> </div> </div> <div class="overlay"></div> </div> <div class="pop" id="popLogin"> <div class="content"> <div> <div> <div class="content login"> <div> <div class="head3"> <h2>Üye Girişi Yap</h2> <strong>Kullanıcı bilgileriniz ile üye girişi yapabilirsiniz.</strong> <i class="icon-account"></i> <a href="#" data-pop-close="#popLogin" class="icon-times2"></a> </div> <div class="form"> <div class="form-group icon phone"> <i class="icon-phone-call"></i> <span>Telefon numaranız</span> <input type="text" name="email" class="activate-autocomplete" style="padding-left: 75px"> </div> <div class="form-group icon"> <i class="icon-key"></i> <span>Şifreniz</span> <input type="password" name="password" class="activate-autocomplete"> <b class="icon-eye"></b> </div> <div class="checkbox"> <input type="checkbox" name="rememberme" id="chckHistory" value="1"> <label for="chckHistory"><i class="icon-check"></i>Sonraki girişlerimde beni hatırla.</label> </div> <button class="btn btn-md login-btn"><span class="icon reverse">Üye Girişi Yap <i class="icon-arrow-right"></i></span></button> <button class="btn btn-extra-light-grey btn-sm forgot-password"><span>Şifremi Unuttum!</span></button> </div> </div> </div> </div> </div> </div> <div class="overlay"></div> </div> <div id="fixMessages"></div> <script src="/assets/js/cash.min.js"></script> <script src="/assets/js/build.js"></script> <script src="/assets/js/wma.js?3"></script> <script src="/assets/js/custom.js"></script> <script> $('input:not(.activate-autocomplete), form:not(.activate-autocomplete)').attr('autocomplete','new-password'); $("#footerMenu button").on("click",function(e){ if($("body").hasClass("openFooterMenu")){ wma.setCookie('mobileFoterMenu', 'off'); }else{ wma.setCookie('mobileFoterMenu', 'on'); } }); $("#switchThema").on("change",function(){ var darkMode; if($("#switchThema").prop("checked")){ $("body").addClass("dark"); wma.setCookie('darkMode', 'dark'); darkMode = 1; }else{ $("body").removeClass("dark"); wma.setCookie('darkMode', ''); darkMode = 0; } if (wm.user.userid) { wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {}); } }); $("#switchMobileThema").on("change",function(){ var darkMode; if($("#switchMobileThema").prop("checked")){ $("body").addClass("dark"); wma.setCookie('darkMode', 'dark'); darkMode = 1; }else{ $("body").removeClass("dark"); wma.setCookie('darkMode', ''); darkMode = 0; } if (wm.user.userid) { wma.post('/profile/setDarkMode', {darkMode: darkMode}, function() {}); } }); $('#popLogin .forgot-password').on('click', function(e) { e.preventDefault(); location.href = '/sifremi-unuttum'; }); $('#popLogin .login-btn').on('click', function(e) { e.preventDefault(); var loginData = { email: $('#popLogin input[name="email"]').val(), password: $('#popLogin input[name="password"]').val(), rememberme: $('#popLogin input[name="rememberme"]').is(':checked') }; wma.post('/auth/login', loginData, function(data) { if (data.status == 'success') { if (data.sms) { $('#popLogin [data-pop-close="#popLogin"]').trigger('click'); wma.form({ title: { title: "Doğrulama Kodunu Girin", subTitle: "Giriş için telefonunuza gönderilen kodu girin.", icon: "icon-sms", }, fields: { code: { label: 'Doğrulama Kodu', value: '', type: 'text' } }, callback: function(data) { var newData = loginData; newData.code = data.code; wma.post('/auth/login', newData, function(d) { if (d.status == 'success') { location.href = location.href.replace('#', ''); } else { wma.toast(d.title); } }); } }); wma.activeModal.find('.content').css('width', '440px'); wma.activeModal.find('button').text('Üye Girişi Yap'); wma.activeModal.find('form').on('submit', function(e) { e.preventDefault(); wma.activeModal.find('.mcuLoadingButton').trigger('click'); }); } else { localStorage.removeItem('fixedConversations'); if (data.redirect == '/yeniden-degerlendir') { location.href = data.redirect; } else { location.href = location.href.replace('#', ''); } } } else { wma.toast(data); } }); return; }); $('#popLogin input').on('keyup', function(e) { if (e.key == 'Enter') { $('#popLogin .login-btn').trigger('click'); } }); var notificationCount = localStorage.getItem('notificationCount') || 0; var conversationCount = localStorage.getItem('conversationCount') || 0; $('body').on('click', '.vn', function() { wma.post('/forum/setVisitorNotificationAsRead', {id: $(this).data('id')}, function(d) {}); }); $('body').on('click', '.start-popup-conversation', function(e) { e.preventDefault(); return wma.toast('Üyeye özel mesaj göndermek için giriş yapmalısınız.'); }); var visitorNotificationTriggered = localStorage.getItem('visitorNotificationTriggered') || 0; if (!visitorNotificationTriggered) { setTimeout(function() { document.querySelector('.visitor-notifications').style.display = 'block'; }, 3000); $(document).on('mouseup', function(e) { var container = $(".notice"); if (!container.is(e.target) && container.has(e.target).length === 0) { document.querySelector('.visitor-notifications').style.display = ''; } }); localStorage.setItem('visitorNotificationTriggered', 1); } </script> <script> var article = { id: 1534 }; </script> <script src="/assets/js/term/term.js"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "QAPage", "mainEntity": { "@type": "Question", "name": "Head Etiketleri nedir?", "text": "Head Etiketleri Nedir? Head Etiketleri Nelerdir ve Head Etiketleri Ne İşe Yarar", "answerCount": 1, "upvoteCount": 0, "dateCreated": "2016-08-16 23:48:22", "acceptedAnswer": { "@type": "Answer", "text": "Head etiketleri, Head etiketinin içerisinde yer alan ve sayfa içerisinde kullanıcıya gösterilmeyen etiketlerin tümüdür.", "dateCreated": "2016-08-16 23:58:27", "upvoteCount": 20, "url": "https://wmaraci.com/nedir/head-etiketleri#acceptedAnswer", "author": { "@type": "Person", "name": "WM Aracı" } } } } </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-8647194-20"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-8647194-20'); </script> </body> </html>