Temel HTML5 Dokümanı

10 Kasım 2013
Bu yazıyı beğendiysen paylaşmayı unutma :)
Pin It

Web ve mobil uygulamalarımızda kullandığımız HTML5’in en basit haliyle sayfa yapısının nelerden oluştuğuna bu yazı ile göz atacağız.

En basit haliyle bir HTML5 sayfa yapısı aşağıki gibidir.

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Sayfa Başlığı</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
	<!-- Sayfa İçeriği -->
</body>
</html>

Not: Kodlarınızın geçerlilik kontrolünü http://validator.w3.org/#validate_by_input adresinden yapabilirsiniz.

Web geliştiricileri için herşey oldukça tanıdık değil mi? Sadece çok daha az koddan oluşuyor. Şimdi bunlara kısaca bakalım.

DOCTYPE Kullanımı

HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Frameset, XHTML 1.0 Strict, XHTML 1.0 Transitional, XHTML 1.0 Frameset ve XHTML 1.1′e ait DOCTYPE yazılımları düşünüldüğünde HTML5‘in yalnızca <!DOCTYPE html> şeklinde yazılabiliyor olması büyük kolaylık. Diğer DOCTYPE‘ların yazım şekillerini merak ediyor ya da hatırlamak istiyorsanız http://www.w3schools.com/tags/tag_doctype.asp adresine göz atabilirsiniz.

DOCTYPE yazım şeklinin yanı sıra şunları da unutmamakta fayda var.

1. DOCTYPE etiketi sonlandırılmaz.
2. Yazım şekli case sensitive değildir. Büyük küçük harf karışık, hepsi küçük ya da hepsi büyük harf olarak yazabilirsiniz.

Merak edenler için DOCTYPE Nedir?

Document Type ya da Belge Tipi olarak da isimlendirilebilen DOCTYPE, sayfada kullanılan HTML standardını tarayıcıya bildirmek ve tarayıcıların web sayfalarını farklı yorumlamaması için ortaya çıkmıştır. Her ne kadar bu konuda istenilen başarı tam olarak gösterilemiyor olsa da halen tüm tarayıcılar için ortak bir standart belirtmek adına en geçerli işlemdir.

Charset ya da Dil Kodlaması

Örnek kodumuzda görüldüğü üzere yeni yazımını <meta charset=”utf-8″> şeklinde kullanabiliyoruz. Eski yazım şeklinin

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

daha kalabalık bir kod satırı ihtiva ettiği düşünülürse, HTML5’in getirdiği basit yazım şeklinin kıymeti çok daha fazla ortaya çıkıyor.

JavaScript ve CSS dosyaları

Fark ettiniz mi? Artık kodlarımızda “type” tanımlaması yok! HTML5 öncesi

<link type="text/css" rel="stylesheet" href="style.css">
<script type="text/javascript" src="script.js">

şeklinde yazdığımız kod parçalarını HTML5 ile “type” belirtmeden yazabliyoruz.

<link rel="stylesheet" href="style.css">
<script src="script.js">

En temel HTML5 dokümanındaki değişiklikler bunlardan ibaret. Daha yeni olarak eklenmiş pek çok HTML5 etiketi var ki bunlar da başka bir yazının konusu.

Bir sonraki yazıda görüşmek üzere..

Benzer Yazılar


DeliPenguen'i Google+'da bulun

Etiketler:


1Geri İzlemeler

  1. Temel HTML5 Dokümanı | ProjeCenter Pingback | 2014/08/04