Bölüm 4 (İleri seviye HTML Dersleri), Head Elementi ve taşıdıkları

Bölüm 4 (İleri seviye HTML Dersleri), Head Elementi ve taşıdıkları

by Hasan Yasin Türkyılmaz Haziran 26, 2011

Çeviriler tırnak içinde gösterilir. Çevirilerin kaynağı; w3schools.com‘dur. Çeviri haricindekiler bana aittir. Temel HTML derslerine de bakabilirsiniz bu konuya yabancıysanız. 16 Bölümdür ve ilk bölüme buradan ulaşabilirsiniz. Editör olarak; Notepad++, Dreamweaver ya da w3Schools’a ait paylaşacak olduğum online editörü kullanabilirsiniz.


HTML, Head Elementi

Tüm head elementi için bir taşıyıcıdır. <head> elementi içeriğinde; stil dosyası bağı, scriptler, meta bilgisi desteği ve daha fazlasını taşır.

HTML, Title Elementi

<title> etiketi dökümanın başlığını ifade eder.

HTML ve XHTML belgelerinde gereklidir. Title elementi;

  • Tarayıcının araç çubuğunda bir başlık gösterir,
  • Favorilere eklendiğinde sayfa başlığı sağlar,
  • Arama motorlarında sayfa için başlık görüntüler.

Misal;

<html>
<head>
<title>Title of the document</title>
</head>

HTML, Base Elementi

<base> etiketi bir sayfa üzerindeki tüm bağlantılar için bir varsayılan adres veya bir varsayılan hedef ifade eder.

Misal;

<head>
<base href=”http://www.w3schools.com/images/” />
<base target=”_blank” />
</head>

HTML, Link Elementi

<link> etiketi bir döküman ile bir harici kaynak arasındaki ilişkiyi tanımlar. En çok stil dosyasını bağlamak için kullanılır.

<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>

HTML, Style Elementi

<style> Etiketi Bir HTML dökümanına ait stil bilgisinin tanımlamasını sağlar.

style elementinin içinde HTML elemanlarının tarayıcı tarafından nasıl yorumlanacağını belirtirsiniz.

Misal;

<head>
<style type=”text/css”>
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML, Meta Elementi

<meta> etiketi HTML Belgesine dair meta verilerini sunar. Meta’nın ne olduğu bir sonraki gün anlatılacaktır.

HTML, Script Elementi

<script> etiketi istemci taraflı script tanımlamak için kullanılır. Mesela Bir javascript’i tanımlamak için. Script de sonraki günlerde anlatılacak.

Bugün gördüğümüz elementler; head, title, base, link, meta, script, style …

Yararlı olması dileğiyle…

 

Social Shares

Bültenime kaydol!

İster soru sor, ister yazılarımdan ve etkinliklerimden haberdar ol...

Hasan Yasin Türkyılmaz

Dijital stratejist, growth hacker, pazarlama ve reklam danışmanı, eğitmen, konuşmacı, yazar, kurucu ve yönetici -> @g4asw @hyturkyilmaz @funnelmate @growtholia @hereherethings @justnotcasual

Related Articles

%d blogcu bunu beğendi: