HTML head etiketi

  • <head> etiketi sitemizin arama motorlarına tanıtılması sağlayan meta etiketlerini, CSS ve Javascript dosyalarının dahil edildiği alanı temsil etmektedir. Sayfa görünümde herhangi bir değişikliğe sebep olmaz. <head> etiketi içerisinde yazdıklarımız sitemizde, yani tarayıcıda görünmez.
  • <head> etiketi içerisinde; <title>, <link>, <style>, <script> etiketi ve <meta> etiketler tanımlanabilir.
  • <head> etiketi <html> etiketinden sonra <body> etiketinde önce gelir ve kullanımı aşağıdaki gibidir.

head etiketi kullanımı

<!DOCTYPE html>
<html>
<head>
     
</head>
<body>

</body>
</html>

head etiketi içerisinde kullanabileceğimiz etiketler aşağıdaki gibidir.

  1. title etiketi
  2. meta etiketleri
  3. link etiketi
  4. style etiketi
  5. script etiketi

head etiketi title kullanımı

<html>
<head>
    <title>csstutorial</title>
</head>

<body>
</body> 

</html>

head etiketi style kullanımı

<html>
<head>
    <style>
    body{
      background: blue;
     }
    </style>
</head>

<body>
</body> 

</html>

head etiketi script kullanımı

<html>
<head>
    <script>
       console.log("Test");
    </script>
</head>

<body>
</body> 

</html>

head etiketi meta tagların kullanılması

<html>
<head>
    <meta name="author" content="csstutorial">
    <meta name="description" content="Front End Developerlar için Html,Css,Javascript Dersleri> 
    <meta name="keywords" content="Html, Css, Javascript">
</head>

<body>
</body> 

</html>
615 Views
17780cookie-checkHTML head etiketi

Leave a Reply

Your email address will not be published. Required fields are marked *