HTML Alıntı Elementleri ve Kullanım Örnekleri (Ders-6)

Hizmetlerimiz hakkında bilgi almak için tıklayın.

Merhabalar!

6. Dersimize Hoşgeldiniz!

HTML (Hyper Text Markup Language), web sayfalarını oluşturmak için kullanılan en temel dildir. HTML sayfaları, metin, görsel, video, ses vb. çeşitli içerikleri barındırabilen, tarayıcılar aracılığıyla internet üzerinden erişilebilen sayfalardır. HTML sayfaları oluştururken, çeşitli elementleri kullanarak içeriğin işaretlenmesi gerekmektedir. Bu elementler, arama motorları tarafından da anlaşılır olması dolayısıyla SEO (Search Engine Optimization) açısından da oldukça önemlidir. Bu makalede, HTML'de bulunan alıntı elementleri ve kodlama örnekleri ele alınacaktır.

<abbr> Elementi

<abbr> elementi, tanımlı kısaltmaların gösterimini belirlemek için kullanılan bir HTML elementidir. Bu element, kısaltmaların ne anlama geldiğinin anlaşılmasını sağlar.

Örnek:

<p>HTML, <abbr title="Hyper Text Markup Language">HTML</abbr> elementleri ile oluşturulur.</p>

Görünüm:

<address> Elementi

<address> elementi, yazarın, firma ya da organizasyonun iletişim bilgilerinin bulunduğu bölümlerde kullanılır.

Örnek:

<address>Adres: Örnek Mahallesi, Örnek Sokak, No: 1
Telefon: 01234567890
E-posta: mail@example.com<address>

Görünüm:

<bdo> Elementi

<bdo> elementi, yazı yönünü belirlemek için kullanılır. Özellikle farklı dillerdeki kelimelerin okunuş yönlerini düzgün bir şekilde belirlemek için kullanılabilir.

Örnek:

 <bdo dir="rtl">Bu yazı sağdan sola doğru okunur.</bdo>
 

Görünüm:

<blockquote> Elementi

<blockquote> elementi, uzun alıntıların yapıldığı alanları belirlemek için kullanılır.

Örnek:

<blockquote> “Ne kadar çok okursanız, o kadar çok şey öğrenirsiniz.” – Charlie Munger </blockquote>

Görünüm:

<cite> Elementi

<cite> elementi, alıntı yapılan kaynağı belirlemek için kullanılır.

Örnek:

 <p><cite>Wikipedia</cite>, özgür ansiklopedi olarak bilinir.</p> 
 

Görünüm:

<q> Elementi

<q> elementi, kısa alıntıların yapıldığı alanları belirlemek için kullanılır.

Örnek:

<p><q>Her şey mümkün.</q> – Walt Disney</p>

Görünüm:

HTML'de bulunan alıntı elementleri, içeriğin daha iyi işaretlenmesini sağlayarak arama motorlarının anlamasına yardımcı olur. Bu nedenle, alıntı elementlerinin doğru bir şekilde kullanılması SEO açısından oldukça önemlidir. Yukarıda verilen kullanım örnekleri, HTML sayfaları oluştururken alıntı elementlerinin nasıl kullanılacağı hakkında fikir vermektedir.

6. Dersimizde Neler Öğrendik?

1. <abbr>: Bir kısaltmayı tanımlar.
2. <address>: Bir belgenin yazarı/sahibi için iletişim bilgilerini tanımlar.
3. <bdo>: Metin yönünü tanımlar.
4. <blockquote>: Uzun bir alıntıyı tanımlar.
5. <cite>: Bir eserin başlığını tanımlar.
6. <q>: Kısa bir alıntıyı tanımlar.