HTML'deki kısaltmalar ve akronimler. Daha az bilinen semantik öğeler Diğer sözlüklerde "TAG"ın ne olduğunu görün

Web bugün giderek daha fazla anlamsal hale geliyor. Ama "anlamsal" ne anlama geliyor? Neden önemlidir?

Anlamsal HTML, bir belgenin anlamını ifade eder. Metnin nasıl göründüğünden çok ne olduğu önemlidir. İyi anlamsal işaretleme, hem insanların hem de bilgisayarların bir belgenin içeriğini ve içeriğini daha iyi anlamalarına yardımcı olur.

Anlamsal işaretlemenin yorumlanması çok daha kolaydır. Arama motoru optimizasyonu dostudur. Modern tarayıcılarla harika çalışır, içeriği ifade etmek için gereken kod miktarını azaltır ve bu kodun okunabilirliğini artırır.

Tamam, anlamsal işaretleme iyidir, ancak nasıl kullanılacağı. Başlamak için en iyi yer, normal etiketleri daha anlamlı olanlarla değiştirmektir. Bu oyuna girmenizi sağlayacak sekiz unsuru görelim.

, etiket alıntı belirtmek için kullanılır.

Neden sadece tırnak kullanmıyorsunuz? Tırnak işaretleri her zaman alıntı anlamına gelmez. Bazen anlamsal vurgu, ironi veya bir şeyin adını belirtmek için kullanılırlar - ve bu bağlamda doğru kullanılırlar. Ancak, bir şeyden alıntı yapıyorsanız, niyetini açıkça ifade ediyor.

Ve

Eski güzel günlerde, etiketler Ve vurgulanan metni sırasıyla italik ve kalın olarak gösterdi. Anlambilimi sunumdan ayırma fikri ivme kazandıkça, bu etiketlere şüpheyle bakılmaya başlandı. Etiketlerle değiştirildi Ve sırasıyla vurgu ve güçlü vurgu anlamına gelir.

HTML5'te, bu etiketler sonunda harika bir anlamsal yorum elde eder. etiket farklı bir tonu veya havası olan işaretli metin. Bu, örneğin düşünceleri veya teknik terimleri açıklamak için kullanışlıdır. Etiket biçimsel olarak normal metinden farklı olan ancak herhangi bir vurgulanmış anlamsal anlamı olmayan metni işaretler. Bunun kullanımdan ne farkı var? ? anahtar şu ki anlamsal olarak farklı bir anlam taşımamaktadır.

kısaltmalar için kullanılır! Özellikle çok sayıda olduğu belgelerde yararlı olabilir. Bu etiketin isteğe bağlı bir özelliği var başlık, burada metnin tam sürümünü belirtebilirsiniz.

yüksek sesle gülmek Bilmiyorum g2g sonra konuşuruz

Klasik tarih yerelleştirme problemine bir göz atalım. ABD'de 5 Ekim 2013 10/05/13, İngiltere'de 05/10/13, Güney Afrika'da 2013/10/05, Rusya'da 05/10/13 olarak yazılır. Tüm bu seçenekler, tarihleri ​​otomatik olarak tanıma görevini son derece zorlaştırır.

Etiket tarih ve saati makine tarafından okunabilir bir biçimde belirtmenize olanak tanır. Önceki örnek şöyle görünebilir: 10/05/13 . HTML ayrıştırıcıları, hangi biçimde belirtirsek belirtelim, tarihi doğru bir şekilde anlayabilecektir. Etiket ayrıca isteğe bağlı olarak saati 24. biçimde belirtmenize olanak tanır: 10/05/13, 22:00;

Bunu hiç yaptın mı?

Üç yüz sayfa sıkıcı, yararsız metin. Bilmeniz gereken ve vurgulamazsanız bir daha asla bulamayacağınız tek şey. Daha sıkıcı şeyler…

Daha fazla yok. HTML5, öğeyi tanıttı , yüksek önemi nedeniyle referans amacıyla vurgulanan metni işaretler.

Evet, . muhtemelen kullanıyorsun , hatta belki , hiç başka tür kullandınız mı? HTML5'te bir sürü yeni türle birlikte kullanılabilir:

• e-posta
• sayı
• menzil
• aramak
• renk

Bu harika, ancak önce hedef tarayıcılarınızın tüm bunları desteklediğinden emin olmanız gerekir. Bu hala bir problem.

Hiç sırasız bir listeden menü yaptınız mı?

• açık
• Kaydetmek
• Çıkış yapmak

Bunu bir daha yapma! Bunun için var

sırasız bir komut listesidir. Bu etiketin bir özelliği var tip, şu değerleri alabilir: aniden belirmek veya araç çubuğu.

açık

Kaydetmek

Çıkış yapmak

Bonus

Ön uç geliştiricilerin çoğu yazarken HTML kullanır, ancak birçoğu bunun gerçek anlamını bilmez. Bölünemez bir boşluk satırı kesmez. Bu, iki kelime bir boşlukla birleştirilirse, her zaman aynı satırda birlikte olacakları anlamına gelir. Bazen bu çok önemlidir. İşte bazı örnekler:

• Birimler: 12m/s
• Saat: 20:00
• Uygun isimler: Dairy Queen

Ayrıca bölünemez bir tire ( ‑ ) benzer amaçlar için.

Nihayet

HTML gün geçtikçe daha anlamsal hale geliyor. Tüm bu öğeleri kullanmak, daha erişilebilir işaretleme yazmak için iyi bir başlangıçtır. Daha dolgun bir resim için bir göz atın

eleman HTML kısaltmaları () bir kısaltma veya kısaltmadır; İsteğe bağlı başlık özelliği, kısaltma için bir uzantı veya açıklama sağlayabilir. Varsa, başlık bu tam açıklamayı içermeli ve başka bir şey içermemelidir.

Madde Kısaltmalar nasıl işaretlenir ve anlaşılır hale getirilir nasıl kullanılacağını öğrenmek için bir öğreticidir ve ilgili unsurlar.

Öznitellikler

Bu öğe yalnızca genel nitelikleri destekler. Başlık özniteliği, bir öğeyle birlikte kullanıldığında belirli bir anlama sahiptir. ; O mutlak kısaltmanın insan tarafından okunabilir tam bir açıklamasını veya uzantısını içerir. Bu metin, fare imleci bir öğenin üzerine geldiğinde genellikle tarayıcılar tarafından bir araç ipucu olarak görüntülenir.

Her eleman kullandığınız, herkese bağlı olmayan; biri için bir başlık sağlamak, aynı uzantı metnini aynı içerik metnine sahip diğerlerine otomatik olarak eklemez.

Kullanım Notları

Tipik kullanım durumları

Tabii ki, tüm kısaltmaların ile işaretlenmesi gerekli değildir. . Ancak, bunun yararlı olduğu birkaç durum vardır:

dilbilgisi konuları

Dilbilgisi numarası olan dillerde (yani öğe sayısının cümlenin dilbilgisini etkilediği diller), başlık özelliğinde öğenizin içindekiyle aynı dilbilgisi numarasını kullanın . Bu, özellikle Arapça gibi ikiden fazla sayı içeren dillerde önemlidir, ancak İngilizce için de geçerlidir.

Varsayılan tarz

Bu öğenin amacı tamamen yazarın rahatlığı içindir ve varsayılan stili tarayıcıdan tarayıcıya değişse de tüm tarayıcılar varsayılan olarak bunu satır içi ( display : inline ) olarak görüntüler:

• Internet Explorer gibi bazı tarayıcılar onu öğeden farklı bir şekilde oluşturmaz. .
• Opera, Firefox ve diğer birkaçı, bir öğenin içeriğine kısa çizgiler ekler.
• Bazı tarayıcılar yalnızca kesikli alt çizgiyi eklemekle kalmaz, aynı zamanda onu küçük büyük harflerle de koyar; bu stilden kaçınmak için CSS'de font-variant : none gibi bir şey eklemek bu durumla ilgilenmez.

örnekler

Bir kısaltmayı anlamsal olarak işaretleme

Uzantı veya açıklama sağlamadan bir kısaltmayı etiketlemek için şunu kullanın: bu örnekte gösterildiği gibi herhangi bir özellik olmadan.

HTML

kullanma HTML eğlenceli ve kolaydır!

sonuç

koşullu kısaltmalar

Bu basit örnekte görüldüğü gibi, kısaltmalar için kullanılacak özel bir stil ayarlamak için CSS'yi kullanabilirsiniz.

HTML

kullanma css, kısaltmalarınızı şekillendirebilirsiniz!

css

abbr ( font-variant: all-small-caps; )

sonuç

genişleme sağlamak

Bir başlık niteliği eklemek, bir kısaltma veya kısaltma için bir uzantı veya tanım belirtmenize olanak tanır.

HTML

Ashok'un şakası beni çok etkiledi yüksek sesle gülmek büyük zaman.

sonuç

Kısaltma Tanımı

kullanabilirsiniz ile birlikte burada gösterildiği gibi kısaltmanın daha resmi bir tanımı için.

HTML

HTML bir web sayfasının anlamını ve yapısını oluşturmak için kullanılan bir biçimlendirme dilidir.

A Şartname (spesifikasyon), bir teknolojinin veya API'nin nasıl işlev görmesinin amaçlandığını ve bunlara nasıl erişildiğini ayrıntılı olarak özetleyen bir belgedir.

sonuç

Kullanılabilirlik

Bir sayfada ilk kez kullanılan bir kısaltmanın tam açıklaması, özellikle içerik teknik veya endüstri jargonuysa, insanların onu anlamasına yardımcı olur.

örnek

JavaScript Nesnesi Gösterimi( JSON) hafif bir veri değişim biçimidir.

Bu özellikle içerikte tartışılan terminoloji veya kavramlara aşina olmayan kişiler, dilde yeni olan kişiler ve bilişsel sorunları olan kişiler için yararlıdır.

Özellikler

Tarayıcı Uyumluluğu

tuhaflık	Android web görünümü	Android için Chrome	kenar mobil	Android için Firefox	android işletim sistemi	iOS Safari	Samsung Çevrimiçi Mağaza
temel destek	Evet	Evet	Evet	4	Evet	Evet	Evet

1. Firefox 4'ten önce bu öğe, standart HTMLElement arabirimi yerine HTMLSpanElement arabirimini kullanıyordu.

Tanım

Etiket karakter dizisinin bir kısaltma olduğunu gösterir. Başlık özniteliği yardımıyla, kısaltmanın bir kopyası verilir, bu da kısaltmaya aşina olmayan kişiler için kısaltmayı anlamayı mümkün kılar. Ayrıca, arama motorları, belgenin sıralamasını yükseltmek için kullanılabilecek kısaltmanın tam metin sürümünü indeksler.

Tarayıcılar içindeki metni vurgulamıyor , metne kesikli bir alt çizgi ekleyen sürüm 15'ten önceki Opera hariç.

Sözdizimi

Metin

Öznitellikler

Kısaltmanın açıklamasını verebileceğiniz metne bir araç ipucu ekler.

kapanış etiketi

Gerekli.

HTML5 IE Cr Op Sa Fx

CGI herhangi bir harici programın web sunucusuyla etkileşime girdiği protokolü belirtir. Sunucuda CGI kullanarak, herhangi bir programlama dilinde programları çalıştırabilir ve eylemlerinin sonucunu bir web sayfası olarak görüntüleyebilirsiniz.

Bu örneğin sonucu Şekil l'de gösterilmiştir. 1.

Pirinç. 1. Fareyi kısaltma metninin üzerine getirdiğinizde araç ipucu türü

Tarayıcılar

Sürüm 6'ya kadar ve dahil olmak üzere Internet Explorer etiketi desteklemiyor , bunun yerine etiketinin kullanılması önerilir. .

Web sayfalarındaki kısaltmalar konusuna, daha doğrusu bu kısaltmaların okuyucular tarafından anlaşılabilirliğine dikkatimizi çekelim. Bu makalede, kısaltma ve kısaltma etiketleri ve bunlarla ilişkili nüanslar tartışılmaktadır.

Dikkat!!! HTML5 belirtiminde, öğe kısaltma tamamen geçersiz ilan edildi ve kullanımdan kaldırılması şiddetle tavsiye edildi. Bunun yerine, öğenin kullanılması önerilir. kısaltmak(11/10/2011 tarihli açıklamalar) .

Terminoloji ile başa çıkmak

Bir kısaltma (İtalyanca abbreviatura - kısaltma, Latince abbrevio'dan - kestim), tam bir kelime veya kelime öbeği yerine kullanılan bir kelimenin veya kelime grubunun kısaltılmış bir şeklidir. Örneğin: WWW , HTTP , URI , kısalt. vb. Bir kısaltma (Yunanca akros - yüksek, onima - isim), diğer kısaltma türleri gibi harf harf değil, tek bir kelime olarak telaffuz edilen orijinal cümlenin (genellikle ilk harfler) sözcüklerinin parçalarından oluşan bir kısaltmadır. Örneğin: modem , radar veya lazer .

Kısaltmalar ve akronimler herkes için açık olmalı ve her zaman

Oldukça sık olarak, "zamkompomorde" ile "ASS" arasında değişen çeşitli kısaltmalar kullanırız (bu hiç de düşündüğünüz gibi değildir). Ama aynı zamanda, oldukça sık olarak, birçok insan bu kısaltmaların ne anlama geldiği hakkında hiçbir fikre sahip değildir. Bu nedenle, kısaltma veya kısaltma olan herhangi bir terimi kullanarak, onlara açıklama yapmanız gerekir. Üstelik terimi başında açıklayarak girdiyseniz bu, kişinin anlamını 2 dakikada unutmayacağı anlamına gelmez, bu nedenle açıklamalar her zaman yakınlarda olmalıdır.

HTML etiketleri Ve

HTML 4 bize kısaltmaları ve kısaltmaları vurgulamak için kullanılan iki mantıksal biçimlendirme öğesi sağlar - sırasıyla abbr ve acronym . Bu etiketlerin, terimi açıklayan bir başlık özelliği vardır. Herhangi bir normal tarayıcı, fareyi böyle bir terimin üzerine getirdiğinizde, başlık özniteliği tarafından belirtilen araç ipucunu görüntüler.

Örnek: WWW Modem

www modem

W3C'yi sevmeyen Billy

IE (sürüm 6'ya kadar) ABBR etiketini desteklemiyor(bu kadar çabuk, hazırlık yapmadan bunun için üzgünüm :-)

Kendisine tanıdık gelen öğeler listesinde yalnızca KISALTMA öğesi belirtilmiştir. Ancak bunun tarayıcının yedinci sürümünde düzeltileceğinden eminim.

Elbette bundan vazgeçebilir ve kısaltma etiketi yerine kısaltma etiketini kullanabilirsiniz, ancak kullanıcının ses aracısı URI harfini harf harf değil, tek kelimeyle telaffuz ederse ve / f "Adventures of Electronics" filminden Uri adını alırsanız şaşırmayın. Ancak bir geçici çözüm de bulabilirsiniz, örneğin, ABBR'nin içine bir SPAN öğesi ekleyin:

css

Belgeyi yükledikten sonra ve yalnızca IE için bir komut dosyası kullanarak ekler gerçekleştirerek bu işlemi otomatikleştirmek daha iyidir. Ve çok önemli olan, değişmeye gerek kalmayacak doğru belgenin orijinal metni.

Bir CSS maratonu oluşturma

Kısaltma ve kısaltma mantıksal biçimlendirme öğeleri olduğundan, tarayıcılar bunları sayfada farklı şekilde görüntüleyebilir. Örneğin, Mozilla Firefox ve Opera bu öğeleri siyah bir alt çizgi ile noktalar olarak görüntüler, Konqueror bu öğeleri italikleştirir ve IE bunları görsel olarak vurgulamaz (kısaltma).

Bu nedenle, bu öğelerin görünümünü farklı tarayıcılarda birleştirecek stiller ayarlamaktan zarar gelmez.

Örneğin, bunun gibi:

ABBR, KISALTMA (
alt sınır: 1px noktalı #F04B2D;
imleç:yardım;
yazı tipi stili: italik;