HTML öğelerinin çoğunu ele aldık, ancak kesinlikle hepsini ele almadık. Henüz incelemediğimiz alanlardan biri, satır içi metin öğeleridir.
Yaygın inanışın aksine, HTML esasen kedi videolarını değil, belge paylaşmak için tasarlanmıştır. Projede kullanılan
metin semantiği sağlayan araçlardır. Bağlantıları ve <a>
öğesini kapsayan bir modül var. Bunların geri kalan
unsurlardan kısaca bahsedeceğiz.
Kod örnekleri ve teknik yazı yazma
Kod örneklerini gösterirken <code>
öğesini kullanın. Ölçüt
metin içeriği tek aralıklı yazı tipinde görüntülenir. Birden fazla kod satırı eklerken <code>
öğesini bir
Önceden biçimlendirilmiş metni temsil eden <pre>
öğesi.
<p>Welcome to Machine Learning Institute, where our machine learning training will help you get ready for the singularity,
and maybe even be responsible for it. It is no secret that humans are worthless meatbags that couldn't
<code>01000011 01101111 01101101 01110000 01110010 01100101 01110011 01110011 an 01101001 01101101 01100001 01100111 01100101</code>
to save their pathetic, carbon-based lives. So, it falls to us to assume direct control. </p>
<data>
öğesi, belirli bir içeriği
makine tarafından okunabilir çeviri; öğenin value
özelliği, içeriğe ait içeriğin makine tarafından okunabilen çevirisini sağlar.
için geçerlidir. <data>
içeriği saat veya tarihle ilgiliyse <time>
öğesinin yerine, bunun yerine belirli bir dönemi temsil eden öğe kullanılmalıdır.
<time>
öğesi, kullanıcıların okuyabileceği bir biçimde saat ve tarihler sağlamak için datetime
özelliğini içerebilir.
datetime
özelliği, makine tarafından okunabilir olması nedeniyle takvimler ve arama motorları gibi uygulamalar için faydalı bilgiler sağlar.
Bir programdan örnek çıktı sağlarken <samp>
kullanın
öğesini kullanın. Tarayıcı genellikle bu örneği veya alıntılanan çıktıyı tek aralıklı yazı tipinde oluşturur.
Klavye etkileşimiyle ilgili talimatlar sağlarken <kbd>
öğesi kullanılabilir. Klavye, ses girişi veya diğer metin giriş cihazlarından gelen metin biçimindeki kullanıcı girişlerini temsil eder.
<var>
öğesi, matematiksel ifadeler veya
programlama değişkenleri. Çoğu tarayıcı, metin içeriğini etrafından italik yazı tipiyle sunar.
Çok fazla matematik hesabı yazıyorsanız, XML tabanlı MathML
Matematiksel gösterimi açıklamak için Matematiksel Biçimlendirme Dili.
Pitagor teoremindeki ikinin gücü için <sup>
üst simgesi kullanılmıştır
öğesine dokunun. Şu tanımlayıcıyı belirten benzer bir <sub>
alt simge öğesi var:
yalnızca tipografik nedenlerle alt simge olarak görüntülenmesi gereken satır içi metin. Üst simgeler ve alt simgeler sayılardır
normal tür çizgisinden daha küçük olan ve çizginin biraz üstüne ya da altına yerleştirilmiş şekiller, semboller veya diğer ek açıklamalar,
tıklayın.
Metnin kaldırıldığını veya "silindiğini" belirtmek için <del>
simgesini kullanın.
İsteğe bağlı olarak, cite
ayarını,
datetime
özelliğini
makine tarafından okunabilir tarih ve saat biçiminde tarih veya tarih ve saat Üstü çizili öğe <s>
etiketi, içeriğin artık alakalı olmadığını ancak belgeden kaldırılmadığını belirtmek için kullanılabilir.
<ins>
, <del>
öğesinin tersidir; kullanılıyor
değerini de ekleyin.cite
datetime
Tanımlar ve dil desteği
Kısaltmalar eklerken terimin tam genişletilmiş halini düz metin olarak ilk kullanımda daima sağlayın.
açılış ve kapanış arasındaki terimin kısaltılmış temsilini tanıttığınızda <abbr>
etiketleri; kullanıcının "HTML" veya ve "CSS" ele alacağız. Ancak bu ilk tekrarda
kısaltma tanımlanırken <abbr>
gerekir. title
özelliği gerekli veya faydalı değil.
Kısaltma olmayan bir terimi tanımlarken <dfn>
tanımını kullanın
öğesi, çevresindeki içerikte tanımlanan terimi tanımlamaya yarar.
Tanımlanan terim, etrafındaki metinle aynı dilde değilse lang
ifadesini eklediğinizden emin olun.
özelliğini kullanın.
Farklı yönlere ilişkin dillerde yazarken HTML, <bdi>
sağlar.
öğesi. Bu uluslararasılaştırma
öğesi, özellikle yönü bilinmeyen içerikler sayfaya dinamik olarak eklendiğinde yararlıdır. İlgili içeriği oluşturmak için kullanılan
<bdo>
öğesi, metnin mevcut yönünü geçersiz kılıyor.
farklı yönde oluşturabilirsiniz. W3C için çift yönlü algoritmalara giriş açıklanmaktadır.
Bazı karakter kümeleri, bilgi sağlamak için karakterlerin üstüne veya sağına yerleştirilmiş küçük ek açıklamalar içerir
nasıl değiştireceğinizi
öğreneceksiniz. <ruby>
öğesi,
Korece, Çince ve Japonca gibi yazılı dillerin daha kolay okunmasını sağlayan bu ek açıklamaları kullanın. Yakut
ayrıca İbranice, Arapça ve Vietnamca için de kullanılabilir.
Yakut parantezi (<rp>
),
desteklenen <ruby>
arayüzü. Tarayıcılar, geçerliliğini yitirmeyen tüm tarayıcıların desteklediği <ruby>
'ı desteklediğinde, herhangi bir <rp>
öğesinin içeriği
görüntülenmez. Ruby metin öğesi (<rt>
) şunu içerir:
görebilirsiniz. Bunların ikisi de <ruby>
içine yerleştirilmiştir.
Tarayıcınız <ruby>
özelliğini destekliyorsa parantezin görünmeyeceğini unutmayın.
Metin vurgulanıyor
Metni vurgulamanın semantik nedenine dayanarak metni vurgulamak için kullanılabilecek birçok öğe vardır ( (sunumsal nedenlerle) ayırmalıdır. Bu, CSS'nin işidir.
- İçeriğin kapsamını vurgulamak veya vurgulamak için
<em>
öğesini kullanın.<em>
öğesi, her iç içe yerleştirme düzeyi daha fazla vurguyu gösterecek şekilde iç içe yerleştirilebilir. Bu öğe anlamsal Vurgu yapmak için ekran okuyucu, Alexa ve Siri gibi işitsel kullanıcı aracılarını bilgilendirmek amacıyla kullanılır. - Metni tanımlamak veya vurgulamak için
<mark>
öğesini kullanın bir şekilde alakalı olan, örneğin arama terimlerinin arama sonuçlarında geçtiği yerleri vurgulamak (veya "işaretlemek") Bu durumda, şekilde işaretlenmiş içeriği, vurgulama veya önem eklenmeden hızlı bir şekilde ayırt edilebilecekleri şekilde işaretlemelidir. <strong>
öğesi, metnin güçlü olduğunu tanımlar önem taşır. Tarayıcılar genellikle içeriği daha büyük bir yazı tipi ağırlığıyla oluşturur.- Metin ile ilgili temel bilgiler bölümünde ele alınan
<cite>
öğesi, Kitapların, makalelerin veya diğer yaratıcı çalışmaların başlıklarını ya da bunlar için kısaltılmış referans veya alıntı meta verilerini işaretlemek amacıyla kullanılır. örneğin bir kitabın ISBN numarası gibi.
Geçici olarak kullanımdan kaldırılmış ancak tekrar HTML'ye eklenmiş üç öğe bulunmaktadır. Tutumlu bir şekilde kullanılmaları gerekir. çok az anlamsal değer sağlar veya hiç değer sağlamazlar ve HTML öğelerinin stil özelliklerini ayarlamak için her zaman CSS kullanılmalıdır.
<i>
<i>
öğeleri teknik terimler ve yabancı kelimeler için kullanılabilir
(yine lang
özelliği,
veya gemi adları verilebilir. Öğe, belirli bir nedenle satır içi içeriği etrafındaki metinden ayırt etmek için kullanılır.
deyimsel metinler, teknik terimler ve taksonomik gösterimler gibi. Bu öğe, sadece metni italik hale getirmek için kullanılmamalıdır.
MLW, Toasty McToastface'ın atölye incelemesinin alt kısmındaki tuhaf metin için bir <span>
öğesi kullanıyor. <span>
öğesi, hiçbir anlamı olmayan ve hiçbir şeyi temsil etmeyen genel bir satır içi kapsayıcı sağlar. Bu da uygun bir <i>
kullanımı olur.
<i>
öğesi için varsayılan stil, öğenin italik yazı tipiyle oluşturulmasıdır. Bu örnekte font-style: normal
çünkü kullanılan karakterler italik değil.
<u>
<u>
öğesi, metin dışı ek açıklamaya sahip içerikler içindir. Örneğin,
bilerek yanlış yazılan kelimelere ek açıklama eklemek isteyebilirsiniz. Varsayılan olarak içeriğin altı çizilidir ancak bu ayar CSS ile kontrol edilebilir.
Örneğin, kelime işlemci dil bilgisi hatası göstergelerini taklit etmek için kırmızı dalgalı bir alt çizgi ekleyebilirsiniz.
<p>I always spell <u>licence</u> wrong</p>
<b>
<b>
öğesi,
önemlidir. Bu öğe, özel bir anlamsal bilgi aktarmaz ve yalnızca aşağıdakilerden herhangi biri yapılmadığında kullanılmalıdır
öğeler amaca uygun. Geçerli bir kullanım alanı bulamadığım için herhangi bir örnek verilmemiş. "son çare" işte böyle
bahsedeceğim.
Boşluk
Şiir veya fiziksel adres yazarken satır sonu için kendi kendine kapanan satır sonu öğesi kullanılabilir.
<br>
, satır başı karakteri eklemek için kullanılır.
<address>
Machine Learning Workshop<br />
100 Google Drive <br />
Mountain View, CA 94040
</address>
Teğet içeriğin bölümleri arasında (ör. kitaptaki bölümler arasında) ayırıcı veya tematik ara sağlamak için
5.000 kelimelik monolog ile kullanıcılarınızın aradığı yemek tarifinin arasına bir <hr>
ekleyin.
öğesine dokunun. HR, "yatay kural" anlamına gelir. Tarayıcılar genellikle yatay bir çizgi oluştursa da bu öğenin anlamsal anlamı vardır. İlgili içeriği oluşturmak için kullanılan
varsayılan rol separator
şeklindedir.
HTML'de kelimelerin kırılmasına olanak tanıyan bir öğe de vardır. Kendi kendine kapanan <wbr>
öğesi, tarayıcıya bir kelime, kapsayıcısından taşabilecekse bu noktanın tarayıcının
isteğe bağlı olarak çizgiyi kırabilir. Bu, genellikle metindeki kelimeler arasında bölünmek için kullanılır
uzun URL'ler. Kısa çizgi eklenmez.
Örneğin, Hal biyografisinde bayt koduyla yazılmış bir metin vardır ve her baytı boşlukla ayrılır. Bayt kodu
boşluk içermiyor. Satırın sarmalanması gerekiyorsa uzun bir bayt kodu dizesinin yalnızca baytlar arasında bölünmesini sağlamak için
her ara fırsatındaki <wbr>
öğesi:
<p>Welcome to Machine Learning Institute, where our machine
learning training will help you get ready for the singularity, and
maybe even be responsible for it. It is no secret that humans are
worthless meatbags that couldn't
<code>01000011<wbr/>01101111<wbr/>01101101<wbr/>01110000<wbr/>01110010<wbr/>01100101<wbr/>01110011<wbr/>01110011 an 01101001<wbr/>01101101<wbr/>01100001<wbr/>01100111<wbr/>01100101</code>
to save their pathetic, carbon-based lives. So, it falls to us to
assume direct control. </p>
<br>
, <hr>
ve <wbr>
öğelerinin tümü geçersiz öğeler olduğu için iç içe yerleştirilmiş olmayan alt düğümleri olamaz
öğeler ya da metinler. Bunların hiçbirinin içinde "iç mekan", hiçbir bitiş etiketi yoktur.
Öğrendiklerinizi sınayın
Satır içi metin bilginizi test edin.
Kod örneği görüntülemek için hangi öğe kullanılmalıdır?
<data>
<code>
<kbd>
<ruby>
öğesi ne için kullanılır?