HTML Alıntılar
Biçimlendirme etiketleriyle önem ve vurguyu zaten işaretlediniz. Alıntılar farklıdır: başkasının sözlerini (veya bir eserden bir pasajı) tekrarlıyorsunuz ve HTML bunu açıkça söylemeli. Özel alıntı öğeleri tarayıcılara, erişilebilirlik araçlarına ve okuyuculara bir alıntıyı çevreleyen düzyazıdan ayırmada yardımcı olur — yalnızca süsleme tırnakları bunu tam iletmez. Belge alıntıyı anlamsal olarak işaretlediğinde, görünüm daha sonra CSS ile değişse bile anlam kararlı kalır. Bu oturum, bildiğiniz biçimlendirmeyi yeni bir rolle bağlar: yalnızca size ait olmayan metne ses ve kaynak atamak.
HTML'de ne alıntı sayılır?
Alıntı, başka bir konuşmacıdan, yazardan veya kaynaktan geliyor diye sunduğunuz metindir. Kendi cümlenizin içindeki kısa bir ifade veya kendi bloğu olarak ayrılmış daha uzun bir pasaj olabilir. HTML kısa satır içi durum için q, daha uzun blok durumu için blockquote verir. Kaynaklar için ek araçlar vardır: görünür bir eser başlığı için cite öğesi ve makinece okunabilir kaynak URL için blockquote üzerindeki cite özniteliği. Özetle: önce alıntının satır içi mi blok mu olduğuna karar verin; sonra insanlara ve araçlara kaynağı nasıl kredilendireceğinizi seçin.
Doğrudan yanıt
Kısa bir cümle içi alıntı için q kullanın. Kendi başına duran daha uzun bir alıntı bölümü için blockquote kullanın. Okuyuculara yardımcı olduğunda eseri veya makaleyi görünür metinde cite öğesiyle adlandırın. blockquote üzerinde ayrıca cite="https://…" ile kaynak URL de verebilirsiniz — bu URL makineler içindir ve genellikle tek başına okunabilir başlık olarak gösterilmez. Alıntı anlamı olmadan yalnızca tipografik tırnak istiyorsanız bu sunumdur; gerçekten birini alıntılıyorsanız rolü HTML'de işaretleyin.
Alıntı araçlarına bir bakış
📊 q, blockquote ve cite
| Araç | Rol | Tipik yer |
|---|---|---|
| q | Kısa satır içi alıntı | Bir paragraf veya cümle içinde |
| blockquote | Daha uzun alıntılanmış pasaj | Kendi bloğu, çoğu zaman iç içe p ile |
| cite öğesi | Görünür metinde bir eser başlığı | Alıntıya yakın akan metin |
| cite özniteliği | Bir blockquote için kaynak URL | blockquote açılış etiketinde |
q ile kısa satır içi alıntılar
Alıntılanan sözler kendi cümlenizin içinde durduğunda onları q ile sarın. Çoğu tarayıcı tırnakları sizin yerinize ekler. Konuşulan veya yazılan sözleri yine etiketler arasında yazarsınız; genellikle süs kıvrık tırnakları elle yazmazsınız. q öğesini dar tutun: yalnızca alıntılanan ifade, çevresindeki anlatım değil. Alıntı birkaç cümleye büyürse veya sayfada kendi alanına ihtiyaç duyarsa, kocaman bir q zorlamak yerine blockquotea geçin.
q ile satır içi alıntı
html<p>
She said <q>Practice every day</q> and closed the book.
</p>
Örneği okumak
- Dış
psizin anlatımızdır qyalnızca alıntılanan ifadeyi sararqyi kapatmak cümlenin geri kalanını normal düzyazıya döndürür- Bu uzun çok cümlelik bir alıntı olsaydı
blockquotedaha iyi otururdu - Alıntının anlamı öğede yaşar; tarayıcının çizebileceği tırnaklarda değil
blockquote ile daha uzun pasajlar
Alıntı kendi bloğu olarak duracak kadar uzun olduğunda — çoğu zaman bir veya daha fazla paragraf — blockquote kullanın. Alıntılanan içeriği blockquote içine koyun. Bir cite özniteliği kaynak URL'sini saklayabilir. İnsanların okuyabileceği bir eser başlığını görünür metinde cite öğesiyle, genellikle alıntının yanında yazın. Yapıyı net tutmak için blockquote içine bir veya daha fazla p yerleştirmek yaygındır. Yalnızca girinti için blockquote kullanmayın; girinti sunumdur ve sahte bir alıntı bloğundan CSS daha iyisini yapar.
Kaynak URL'li blok alıntı
html<blockquote cite="https://example.com/tips">
<p>Clear HTML is easier to maintain than clever HTML.</p>
<p>Readers thank you for structure they can trust.</p>
</blockquote>
cite özniteliği neden tek başına yetmez
cite özniteliği araçlara kaynak URL'sini bildirir. Birçok ziyaretçi öznitelik değerlerini hiç görmez. İnsanlara da okunabilir bir kredi satırı verin. Özniteliği kaynak meta verisi, cite öğesini ise okuyucunun sayfada gerçekten gördüğü kredi olarak düşünün. İki rol birbirini tamamlar: makineler için URL, insanlar için görünür başlık.
cite ile görünür kaynak başlığı
html<p>Source: <cite>Example Tips</cite></p>
q ile blockquote seçimi
İki soru sorun: Alıntı ne kadar uzun? Bir cümleyi mi kesiyor yoksa tek başına mı duruyor?
- Kendi cümlenizin içindeki kısa ifade →
q - Kendi bloğu olarak daha uzun pasaj →
blockquote - Akan metinde kitap, makale veya site başlığı →
citeöğesi - Blok alıntı için kaynak URL →
blockquoteüzerindekiciteözniteliği
Tüm sayfayı yalnızca girinti için kocaman birblockquoteile sarmayın. Girinti sunumdur;blockquotegerçek alıntılar içindir. Emin değilseniz sayfayı sesli okuyun: alıntı cümlenizin içindeki kısa bir ara gibi geliyorsaq; ayrı bir alıntı bloğu gibi geliyorsablockquotekullanın.
Anlam ile yalnızca CSS'ten gelen tırnaklar
Tırnakları CSS veya yazılmış " karakterleriyle taklit edebilirsiniz. Gerçek bir alıntı için belgenin anlamı işaretlemesi adına q veya blockquote tercih edin. Görsel işaretler yine görünebilir — tarayıcılar çoğu zaman qyi tırnaklarla stillendirir — ancak bir stil sayfası görünümü sonra değiştirse bile öğe rolü taşır. Yalnız tipografik tırnaklar göze «bu alıntı gibi görünüyor» der; q ve blockquote belgeye «bu bir alıntıdır» der. Bu fark ekran okuyucular, içerik çıkarıcılar ve gelecekteki tasarım değişiklikleri için önemlidir.
Düzenleyicinizde alıştırma
- Hayali bir koç veya öğretmenden kısa bir
qalıntısı içeren bir paragraf yazın. - Hayali bir makaleden iki kısa cümlelik bir
blockquoteekleyin. - Altına makale başlığını adlandıran bir
citesatırı ekleyin. - İsteğe bağlı olarak
blockquoteüzerindecite="https://example.com/article"ayarlayın. - Kaydedin ve sayfayı açın. Satır içi alıntı ile blok alıntının farklı göründüğünü kontrol edin.
- Geçici olarak
qyi düz metin ve yalnızca yazılmış tırnaklarla değiştirin, sonraqyi geri koyun — işaretleme rolünün salt süslemeden nasıl ayrıldığını fark edin.
Bu kısa alıştırma, gerçek sayfalarda kullanacağınız kalıp olan öğe seçimini ve kaynak kredisini birlikte çalıştırır.
Alıntıları bulandıran hatalar
- Gerçek alıntı olmadan tüm sayfayı kocaman bir
blockquoteile sarmak - Metin gerçekten alıntılandığında ve
q/blockquotekullanması gerekirken yalnızca CSS veya yazılmış işaretler kullanmak - Tek kaynak başlığını
citeözniteliğine koyup okuyucuların göreceğini varsaymak - Açık bir neden olmadan
blockquoteyuqiçine yerleştirmek - Süs için kendi kendinizi alıntılamak — bu öğeleri gerçekten alıntılanan sözlere saklayın
- Sonraki metnin alıntı olarak kalması için
qveyablockquoteyu kapatmayı unutmak - Öğeyi alıntılanan sözlerle sınırlamak yerine uzun anlatımı
qiçine karıştırmak
Özet
- Cümle içindeki kısa alıntılar →
q - Daha uzun alıntı blokları →
blockquote - Görünür eser başlıkları →
citeöğesi - İsteğe bağlı kaynak URL →
blockquoteüzerindekiciteözniteliği - Gerçek alıntıları HTML'de işaretleyin; anlam için yalnızca stile güvenmeyin
- Alıntılarda dürüst kalın: gerçekten bir kaynağı alıntıladığınızda bu öğeleri kullanın
- İnsanlara okunabilir kredi, araçlara gerektiğinde kaynak URL verin
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek