Web tasarım eğitiminizde erken öğreneceğiniz etiketlerden biri, "vurgu etiketleri" olarak bilinen bir çift etikettir. Bu etiketlerin ne olduğuna ve bugün web tasarımında nasıl kullanıldığına bir göz atalım.
XHTML'ye dön
HTML'yi yıllar önce öğrendiyseniz, HTML5'in yükselmesinden çok önce muhtemelen hem kalın hem de italik etiketleri kullandıysanız. Beklediğiniz gibi, bu etiketler öğeleri sırasıyla kalın metin veya italik metin haline getirdi. Bu etiketlerdeki sorun ve neden yeni unsurların lehine ittikleri (kısaca bakacağımız), bunların anlamsal unsurlar olmamasıdır. Bunun nedeni, metnin metinle ilgili bilgi yerine nasıl görünmesi gerektiğini tanımlar. Unutmayın, HTML (bu etiketlerin yazılacağı yer) görsel yapı değil, yapısaldır. Görseller CSS tarafından ele alınır ve web tasarımında en iyi uygulamalar, web sayfalarınızda net bir stil ve yapı ayrımına sahip olmanız gerektiğini düşündü. Bu, semantik olmayan ve yapıdan ziyade ayrıntıya sahip olan elemanların kullanılmaması anlamına gelir. Bu nedenle cesur ve italik etiketler genel olarak güçlü (kalın) ve vurgu (italik için) ile değiştirilmiştir.
& Lt; Güçlü ve gt; ve & lt; em & gt;
Güçlü ve önem veren unsurlar, metne bilgi ekler, farklı bir şekilde ele alınması gereken içeriği detaylandırır ve bu içerik konuşulduğunda vurgulanır. Bu unsurları, geçmişte cesur ve italik kullanmış olmanızla aynı şekilde kullanırsınız. Metninizi açılış ve kapanış etiketleriyle (vurgu için ve ve güçlü vurgu için ve ) çevirin ve ilişikteki metin üzerinde durulur.
Bu etiketleri yerleştirebilir ve harici etiketin hangisi olduğu önemli değildir. İşte bazı örnekler.
Bu metin vurgulanıyor ve çoğu tarayıcı bunu italik olarak gösterecekti. Bu metin güçlü bir şekilde vurgulanmıştır ve çoğu tarayıcı bunu kalın yazıyla gösterecektir.Bu örneklerin her ikisinde de, HTML ile görsel bir görünüm dikte etmiyoruz. Evet, etiketinin varsayılan görünümü italik olur ve kalın olur, ancak bu görünümler CSS'de kolayca değiştirilebilir. Bu her iki dünyanın en iyisidir. Aslında çizgiyi ve karıştırma yapısını ve stilini geçmeden belgenize italik veya kalın metin almak için varsayılan tarayıcı stillerini kullanabilirsiniz. metninin yalnızca kalın kalmasını değil, aynı zamanda kırmızı olmasını da istediğini varsa, bunu CSS'ye ekleyebilirsin
kuvvetli {
kırmızı renk;
}
Bu örnekte, varsayılan font olduğundan kalın yazı tipi ağırlığına bir özellik eklemeniz gerekmez. Ancak bunu şansa bırakmak istemezseniz, her zaman ekleyebilirsin:
kuvvetli {
font ağırlığı: kalın;
kırmızı renk;
}
Şimdi, etiketinin kullanıldığı her yerde kalın (ve kırmızı) bir metin içeren bir sayfanız olmasını garanti edersiniz.
Vurgulamak Üzerine İkili
Yıl boyunca fark ettiğim bir şey, vurgu üzerinde ikiye katlamaya çalışırsanız ne olur. Örneğin:
Bu metnin içinde kalın ve italik hale getirilmiş metin bulunmalıdır.Bu çizginin kalın AND italik olan bir alana sahip olacağını düşünürdünüz. Bazen bu gerçekten gerçekleşir, ancak bazı tarayıcıların yalnızca söz konusu metne en yakın olan iki vurgu stilinin ikincisini onurlandırdığını gördüm ve sadece bunu italik olarak gösterdim. Bu, vurgu etiketlerini ikiye katlamamın nedenlerinden biridir.
Bu "ikiye katlamaktan" kaçınmanın bir başka nedeni de stilistik amaçlar içindir. Ayarlamak istediğiniz sesi iletmek için yeterli ise, bir vurgu şekli. Öne çıkması için cesur, italik, renk, büyütme ve altını çizme gereksiniminiz yoktur. Bu metin, tüm bu farklı türden vurgular, cıvılcak. Vurgu sağlamak için vurgu etiketlerini veya CSS stillerini kullanırken dikkatli olun ve aşırıya kaçmayın.
Kalın ve İtalik Bir Not
Son bir düşünce - kalın () ve italik () etiketlerin artık vurgu öğeleri olarak kullanılması önerilmezken, bu etiketleri metnin satır içi stilleri için kullanan bazı web tasarımcıları vardır. Temel olarak, bunu bir elemanı gibi kullanırlar. Bu güzel çünkü etiketler çok kısa, ancak bu öğeleri bu şekilde kullanmak genellikle tavsiye edilmez. Bazı sitelerde kalın veya italik metin oluşturmama amacıyla kullanıldığını, ancak başka bir tür görsel stil için bir CSS kanca oluşturduğunu belirtmek isterim.
Jennifer Krynin tarafından yazılmış orijinal makale. 12/2/16 tarihinde Jeremy Girard tarafından düzenlendi.