HTML
Hiper Metin İşaretleme Dili
Kısaca
HTML, başlık, paragraf, bağlantı, görsel ve form gibi öğelerle web sayfalarının yapısını ve içeriğini tanımlayan işaretleme dilidir.
HTML nedir?
HTML, bir web sayfasındaki her parçanın ne olduğunu tarif eder. Metni başlık, paragraf ya da bağlantı olarak işaretlemek için <h1>, <p> ve <a> gibi etiketler (tag) kullanır; tarayıcı da bu etiketleri okuyarak gördüğünüz sayfayı oluşturur.
Bir HTML belgesi, öğelerden oluşan bir ağaçtır. Çoğu öğenin bir açılış ve bir kapanış etiketi vardır; birçoğu da bir bağlantının href değeri ya da bir görselin alt metni gibi ek bilgi taşıyan nitelikler (attribute) alır. Tarayıcı bu metni DOM'a dönüştürür; DOM, CSS'in biçimlendirebildiği ve JavaScript'in değiştirebildiği canlı bir nesne modelidir.
Güzel bir benzetme ev olabilir: HTML iskelet ve odalardır, CSS boya ve mobilyadır, JavaScript ise her şeyin çalışmasını sağlayan elektrik tesisatıdır. HTML bir programlama dili değildir; çünkü değişkeni, döngüsü ya da mantığı yoktur, yalnızca yapıyı ve anlamı tanımlar.
Anlamsal (semantic) HTML, her yere genel amaçlı <div> etiketleri koymak yerine <nav>, <main>, <article> ve <button> gibi amacına uygun öğeleri seçmek demektir. Ekran okuyucuların, arama motorlarının ve yapay zekâ tarayıcılarının sayfayı anlamasına yardımcı olur. Bugün HTML, numaralı sürümler yayımlamak yerine sürekli güncellenen bir Living Standard olarak WHATWG tarafından sürdürülür.
Önemli noktalar
- HTML, web sayfası içeriğinin yapısını ve anlamını tanımlar.
- İçerik etiketlerle işaretlenir ve etiketler nitelik taşıyabilir.
- Tarayıcılar HTML'i, CSS ve JavaScript'in üzerinde çalıştığı DOM'a dönüştürür.
- HTML bir işaretleme dilidir, programlama dili değildir.
- Anlamsal öğeler erişilebilirliği ve SEO'yu iyileştirir.
Örnek
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My first page</title>
</head>
<body>
<!-- A heading, a paragraph, and a link -->
<h1>Hello, world</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Visit example.com</a>
</body>
</html>Sık sorulan sorular
HTML bir programlama dili midir?
Hayır. HTML bir işaretleme dilidir: içeriğin yapısını tarif eder ama mantık, değişken ya da döngü içermez. Davranış JavaScript ile eklenir.
HTML ile HTML5 arasındaki fark nedir?
HTML5, 2014'te tamamlanan ve <video>, <canvas> ile <section> gibi öğeler getiren büyük bir güncellemenin adıydı. Bugün HTML tek bir Living Standard olarak sürdürülüyor; bu yüzden HTML5 adı çoğunlukla modern HTML anlamında gayriresmî olarak kullanılıyor.
HTML ile CSS arasındaki fark nedir?
HTML, sayfada hangi içeriğin bulunduğunu ve ne anlama geldiğini tanımlar; CSS ise bu içeriğin renk, yazı tipi, boşluk ve yerleşim dahil nasıl göründüğünü belirler.
İlgili sayfalar
- CSSWeb Geliştirme, s. 11CSS, HTML içeriğinin ekranda renk, yazı tipi, boşluk, yerleşim ve animasyon gibi yönlerden nasıl görüneceğini belirleyen stil sayfası dilidir.
- JavaScriptWeb Geliştirme, s. 25JavaScript, web tarayıcılarında sayfaları etkileşimli hale getiren ve Node.js gibi çalışma ortamlarıyla sunucularda da çalışan programlama dilidir.
- DOMWeb Geliştirme, s. 14DOM, tarayıcının bir web sayfasını temsil eden ve JavaScript'in okuyup değiştirerek kullanıcının gördüğünü güncelleyebildiği bellek içi nesne ağacıdır.
- HTTPWeb Geliştirme, s. 20HTTP, tarayıcıların, uygulamaların ve sunucuların basit bir istek-yanıt döngüsüyle web sayfaları ve veri alışverişi yapmasını sağlayan protokoldür.
- Web ErişilebilirliğiWeb Geliştirme, s. 56Web erişilebilirliği, ekran okuyucu, klavye, altyazı ya da yakınlaştırma kullananlar dahil herkesin kullanabildiği web siteleri geliştirme pratiğidir.
- SEOWeb Geliştirme, s. 40SEO, arama motorlarının bir sitenin sayfalarını bulup anlaması ve ilgili aramalarda sıralaması için içeriği ve teknik altyapıyı iyileştirme pratiğidir.
Kaynaklar
Bu sayfada bir hata ya da eksik mi gördünüz?Düzeltme önerin