HTML Etiket Öbekleri
Markanız için 300X300 alan.
Bazı etiketlerin kullanım alanları kafa karıştırıcı olabiliyor. Doğru bilinen yanlışlara ve sık yapılan hatalara karşı etiketleri öbeklere ayırarak HTML Etiket Öbekleri sayfası altında bu sorunu çözüyoruz.
Bu konu oldukça önemli. Anlamsal HTML, HTML5 ile öne çıktı. Kullandığınız tüm etiketlerin (<div> etiketi ya da <span> etiketi gibi) bir kaç tanesi dışında hepsinin bir anlamı var. Ama bununla sınırlı değil.
<div> etiketi ya da <span> etiketi deyip geçmeyin. HTML dilinde bu iki etiketin anlamı olmasa da nasıl ve nerede kullanılacakları yine kurala bağlı. Hızlı bir dizelge ile bu etiketlerin kafa karıştıranlarını bu sayfa altında inceliyorum.
Tüm ayrıntılara girmiyorum. Ama önemli bulduğunuz ve bu HTML Etiket Öbekleri sayfasına eklenmesi istediğin bilgileri benimle paylaşmaktan çekinmeyin. Bu bilgileri e-mail atabilirsiniz ya da yorum olarak yazabilirsiniz.
HTML Etiketi Öbekleri
HTML etiketleri daha fazla öbeklere ayrılıyorlar. Burada yalnızca kullanımı kafa karıştırabilen etiketler öbeklere ayrılarak incelenmiştir.
Etiket türlerinin ayrıntılı dizelgesini görmek için lütfen HTML Etiketleri Türleri sayfasına bakın.
Bölümler - Anlamsal HTML
Anlamsal açıdan bazı etiketler bölüm oluşturur. Nasıl bir kaç yüz sayfalık kitaplarda birinci bölüm, ikinci bölüm ve benzeri biçimde bölümlendirme yapılır, aynı biçimde HTML belgeleri de bölümlendirilir.
Belgeyi bölümlere ayıran HTML etiketleri kendi aralarında iki öbeğe ayrılırlar.
- Bölüm oluşturan ve kök olan etiketler :
<blockquote>etiketi,<body>etiketi,<details>etiketi,<dialog>etiketi,<fieldset>etiketi,<figure>etiketi ve<td>etiketi etiketleridir.- Bölüm oluşturan ve kök olmayan etiketler :
<article>etiketi,<aside>etiketi,<nav>etiketi,<section>etiketi etiketleridir.
Bölüm oluşturan ve kök olan etiketler ile bölüm oluşturan ve kök olmayan etiketler arasındaki temel fark; kök olan etiketlerin içinde bulunan başlıklar ve bölümler, belgenin başlıklarından ve bölümlerinden sayılmazlar.
Bölüm oluşturan etiketler <footer> etiketini sonuç bölümü olarak kullanılabilir ancak zorunlu değildir. Yine de -genel olarak- yerliklerde <body> etiketinin sonunda bir tane <footer> etiketi kullanılır.
Ayrıntılı bilgi için Anlamsal HTML sayfasına bakın.
Metin Seviyesinde Anlamlandırma
Metin seviyesinde anlamlandırılan etiketlerden bazıları birbirleriyle oldukça çok karıştırılır.
<em>etiketi<em>etiketi sözcükleri vurgulamak için kullanılır. Türkçe'de metinlerde vurgu yüklemden önceki sözcüktedir.<em>etiketi ile HTML dilinde herhangi bir sözcük vurgulanabilir.<strong>etiketi-
<strong>etiketi kapsadığı içeriğe önem, ciddiyet ya da zorunluluk anlamı katar. Tümcenin bir bölümünün<strong>etiketiyle etiketlenmesi tümcenin anlamında değişikliğe yol açmaz.Eski fiyatları etiketlemede
<s>etiketi kullanırken<strong>etiketi ise yeni fiyatı etiketlemede kullanılabilir. <small>etiketi- Yan yorumları etiketlemede kullanılır. Bunlar genellikle aykırı olabilecek durumlar, yasal sınırlamalar, telif hakları ve benzeri şeylerdir. Bazen içeriğe katkı sunan ya da telif haklarını açıklayıcı metinleri etiketlemede de kullanılabilirler.
<s>etiketi-
<s>etiketi içeriğin artık doğru olmadığı ya da artık uygun olmadığı durumlarda kullanılır.İçeriği çıkartmak ile (
<del>etiketi), içeriğin artık geçerli (ya da uygun) olmaması (<s>etiketi) bir birine karıştırılmamalıdır.Eski fiyatları etiketlemede
<s>etiketi kullanırken<strong>etiketi ise yeni fiyatı etiketlemede kullanılabilir. <del>etiketi-
İçerikte değişikliğe gidildiğinde çıkartılan içerik etiketlenmek isteniyorsa
<del>etiketi etiketi kullanılır.İçeriği çıkartmak ile (
<del>etiketi), içeriğin artık geçerli (ya da uygun) olmaması (<s>etiketi) bir birine karıştırılmamalıdır. <i>etiketi-
<i>etiketi farklı bir sesi ya da ruh durumunu ya da düz yazıdakinden farklı nitelikteki içeriği düz yazıdan farklı bir biçimde yansıtmak amacıyla ya da taxonomic biçimlendirme amacıyla ya da teknik terimleri ya da batı metinlerindeki gemi adlarını ya da yabancı dilden gelen deyimleri, çevirileri ya da düşünceyi etiketlemede kullanılır.Farklı dilde yazılan içeriğin dili
langözelliğinde belirtilmelidir. <b>etiketi- Sözcükleri onlara anlamsal açıdan herhangi bir önem yüklemeden, farklı bir ruh durumunu ya da ses tonunu yansıtma amacı taşımadan, belgedeki anahtar sözcükleri, yazıya konu edilen yazılım ya da ürün adlarını ve benzeri durumlarda sözcükleri vurgulamak için kullanılır.
<u>etiketi- Metinsel olmayan içerik gibi, rahatça ifade edilmeyen, böylece haricen çözümlenmiş içerikleri ya da yanlış ifade edilmiş metinleri
<u>etikeleme</u>amacıyla kullanılır. <mark>etiketi-
Kullanıcının dikkatini çekmek ya da referans amacıyla imlenmiş metinleri tutar. Eğer alıntı ya da diğer blok seviye ögelerde kullanılırsa alıntının dışına referans verilir ya da yazının orijinal yazarının önemli bulmadığı ancak artık bu yazarın -yazısında- bunu dikkate değer bulduğu anlamını taşır. Eğer belgede olağan biçimde kullanılıyorsa kullanıcının o anki etkinliğiyle ilgili olarak metin işaretlemede kullanılır.
Eğer sayfanızı ziyaret eden ziyaretçi sayfanıza arama motoru üzerinden geldi ise, aradığı sözcükleri sayfa bularak bu sözcükleri
<mark>etiketi etiketi içine alabilirsiniz.
Blok Seviyesinde Anlamlandırma
<div>etiketi<div>etiketi yalnızca, diğer etiketlerin uygun olmadığı durumlarda son çare olarak kullanılmalı.- Dizelgeler
<ol>etiketine ve<ul>etiketine metin içerik girebilmek için bu etiketlerin en az bir tane<li>etiketi etiketine iye olması gerekir.
Satır Seviyesinde Anlamlandırma
<span>etiketi<span>etiketi yalnızca, diğer satır içi seviyedeki etiketlerin uygun olmadığı durumlarda (genellikle metin biçimlendirmede ya da Microdata ile metin anlamlandırmada) son çare olarak kullanılmalı.