<b> ve <strong>, <i> ve <em> arasındaki fark nedir?

Arasındaki fark nedir <b>ve <strong>, <i>ve <em>HTML / XHTML içinde? Her birini ne zaman kullanmalısınız?

Onlar sahip normal bir web tarayıcısı render motorları üzerinde aynı etkiyi ancak orada temel fark aralarında.

Yazar bir tartışma listesi yazısında yazarken :

Üç farklı durumu düşünün:

• internet tarayıcıları
• kör insanlar
• cep telefonları

"Kalın" bir stildir - "bir kelime cesur" dediğinizde , insanlar temelde, harflerin geri kalanları arasında daha fazla göze çarpana kadar harflerin etrafına daha fazla eklemek anlamına geldiğini, "mürekkep" diyelim.

Ne yazık ki, kör bir kişi için hiçbir şey ifade etmiyor. Cep telefonlarında ve diğer PDA'larda, ekran çözünürlüğü çok küçük olduğu için metin zaten kalındır. Bir şeyi mahvetmeden cesur olamazsınız.

<b>bir stil - "cesur" un nasıl görünmesi gerektiğini biliyoruz.

<strong>ancak bir şeyin nasıl anlaşılması gerektiğinin bir göstergesidir . "Güçlü" bir tarayıcıda "kalın" anlamına gelebilir (ve çoğu zaman), ancak Jaws (kör insanlar için) gibi bir konuşma programı için daha düşük bir ton anlamına gelebilir veya bir alt çizgiyle temsil edilebilir ( kalın) bir Palm Pilot üzerinde.

HTML asla stillerle ilgili değildi. "Tim Berners-Lee" ve "anlamsal web" için bazı aramalar yapın . anlamsaldır — çevreleyen metnin nasıl görüntülenmesi gerektiğini (ör. "bu metin , görüntülenmesi gereken metnin geri kalanından daha güçlü olmalıdır" ) tanımlar . kalın " ). <strong>

<b>ve <i>açıktır - sırasıyla kalın ve italik yazmaktadır.

<strong>ve <em>semantiktir - ekteki metnin genellikle kalın ve italik olarak bir şekilde "güçlü" veya "vurgulanması" gerektiğini belirtirler, ancak gerçek stilin CSS ile kontrol edilmesine izin verir. Dolayısıyla modern web sayfalarında tercih edilmektedir.

<strong>ve <em>belgenize ekstra anlamsal anlam ekleyin. Sadece metninize kalın ve italik bir stil verir.

Elbette stillerini CSS ile geçersiz kılabilirsiniz.

<b>ve <i>diğer taraftan sadece yazı stilini uygulamak ve artık kullanılmalıdır. (CSS ile biçimlendirmeniz gerekiyorsa ve metin gerçekten önemliyse, muhtemelen "güçlü" veya "vurgulanmış" olursunuz!)

Umarım mantıklıdır.

Aşağıda önerilen kullanımla birlikte tanımların bir özeti verilmiştir:

<b>... dikkat herhangi bir ekstra önem taşıma olmadan ve bu şekilde alternatif bir ses veya ruh, hiçbir ima faydacı amaçlarla çekilmekte olduğu bir metin yayılma anahtar kelimeler belge de, soyut ürün adları bir yorumda, eyleme deyişle içinde etkileşimli metin güdümlü yazılım veya makale ledeği .

<strong> ... şimdi güçlü bir vurgudan ziyade önemi temsil ediyor.

<i>... alternatif bir ses veya ruh halindeki bir metin aralığı veya normal düzyazıdan, taksonomik bir atama , teknik terim , başka bir dilden deyimsel bir ifade , bir düşünce veya Batı metinlerinde bir gemi adı .

<em> ... vurguyu gösterir.

(Bunların hepsi W3C kaynaklarından doğrudan alıntıdır ve benim vurgularım eklenmiştir. Bkz. Https://rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements ve http://www.w3.org /TR/html401/struct/text.html#h-9.2.1 orijinaller için)

<b>ve <i>ikisi de stil ile ilgilidir <em>ve <strong>anlamsaldır. HTML 4'te birincisi yazı tipi stili öğeleri , ikincisi ise ifade öğeleri olarak sınıflandırılır .

Doğru şekilde belirttiğiniz <i>ve <em>genellikle benzer olarak kabul edildiğinden, tarayıcılar genellikle her ikisini italik olarak oluşturur. Ancak spesifikasyonlara göre, <em> vurguyu gösterir ve oldukça net, ancak genellikle yanlış yorumlanan <strong> daha güçlü vurguyu gösterir . Öte yandan, ne zaman kullanılacağı <i>veya <b>gerçekten bir stil meselesi arasındaki fark.

İken <strong>ve <em>Tabii daha anlamsal olarak doğru vardır, kullanımı kesin meşru nedenleri vardır görünmek <b>ve <i>müşteri yazılı içerik etiketleri.

Bu tür içerikte, kelimeler veya kalıplar kalın yazılabilir veya italik olabilir ve bu tür yazı veya italik yazmanın mantıksal akıl yürütmesini analiz etmek genellikle bize bağlı değildir.

Ayrıca, bu tür içerik, belirli bir anlam ifade etmek için kalın ve italikleştirilmiş kelime ve ifadelere atıfta bulunabilir.

Bir örnek, öğrenciye kalın harflerle yazılmış kelimeyi değiştirmesini söyleyen İngilizce sınav sorusudur.

<em>ve <strong>daha fazla bant genişliği tüketen <i>ve <b>.

Ayrıca daha fazla yazım gerektirirler (otomatik olarak oluşturulmadıysa).

Ayrıca editör ekranını daha fazla metinle karıştırıyorlar. Programcılar aynı ise daha küçük kaynak dosyaları gibi hatırlıyorum. (Ve gerçek olalım, onlar aynı. Evet, "teknik" var ( öksürük) </i>, ahem, afedersiniz) farklılıklar var, ama bu çoğunlukla başlangıçta sahte.)

Yukarıdaki etiketlerden herhangi birinde, varsayılan görünümlerinden farklı görünmelerini istiyorsanız stil sayfalarını nasıl görüneceklerini özelleştirmek için kullanabilirsiniz.

Diğerlerinin söylediği gibi <b> ve <i> açıktır (yani "bu metni kalın yap"), <strong> ve <em> anlamsaldır (yani "bu metin vurgulanmalıdır").

Modern bir web tarayıcısı bağlamında, farkı görmek zordur (her ikisi de aynı sonucu veriyor gibi görünüyor, değil mi?), Ancak görme engelliler için ekran okuyucuları düşünün. Ekran okuyucu bir <i> etiketine rastlarsa ne yapacağını bilemez. Ancak bir <em> etiketine rastlarsa, içerideki her şeyin dinleyiciye vurgulanması gerektiğini bilir. Ve orada pratik farkı elde edersiniz.

<i>, <b>, <em>Ve <strong>etiketleri geleneksel temsilidir. Ama verilmiş yeni semantik anlam içinde HTML5 .

<i>ve <b>HTML4'te yazı tipi stili için kullanıldı. <i>italik ve <b>kalın olarak kullanıldı . HTML5 <i>etiketinde ' alternatif ses veya ruh hali ' anlamının yeni anlamsal anlamı ve stilistik olarak ofset<b> anlamı vardır .

<i>Etiketin örnek kullanımları - taksonomik tanımlama, teknik terim, başka bir dilden deyimsel ifade, harf çevirisi, bir düşünce, batı metinlerindeki gemi isimleri. Gibi -

<p><i>I hope this works</i>, he thought.</p>

<b>Etiketin örnek kullanımları, bir belge özetindeki anahtar kelimeler, bir incelemedeki ürün adları, etkileşimli metin tabanlı bir yazılımda işlem yapılabilir kelimeler, makale başıdır.

Aşağıdaki örnek paragraf, onu izleyen paragraflardan biçimsel olarak ayrılmıştır.

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<em>ve <strong>HTML4 vurgu ve güçlü bir vurgu anlamını vardı. Ama HTML5 <em>aracı vurgu vurguladı ve <strong>araçlar güçlü önemini .

Aşağıdaki örnekte, daha önce kelimeyi okurken dilsel bir değişiklik olmalı ...

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

Aynı örnekte <strong>etiketi aşağıdaki gibi kullanabiliriz .

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

etkinlik tarihinde önem vermek.

MDN Ref:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

Diğerlerinin de belirttiği gibi, fark <b>ve <i>sabit kod yazı tipi stilleri, <strong>ve <em>anlamsal anlamı, metin stili (veya konuşan tarayıcı tonlaması veya neye sahip olduğunuz) ile metin oluşturulurken (veya konuşulmuş).

Bunu "fiziksel" yazı tipi stili ile "mantıksal" stil arasındaki fark olarak düşünebilirsiniz. Daha sonraki bir zamanda, renk ve boyut değişiklikleri eklemek için bir stil sayfasındaki özellikleri değiştirerek veya hatta farklı yazı tipi yüzlerini tamamen kullanmak için, metnin görüntülenme şeklini <strong>ve şeklini değiştirmek isteyebilirsiniz <em>. Sabit kodlu "fiziksel" işaretleme yerine "mantıksal" işaretleme kullandıysanız, stil özelliklerini stil sayfanızdaki her bir yerde değiştirebilir ve ardından bu stil sayfasına başvuran tüm sayfalar , onları düzenlemek zorunda kalmadan.

Oldukça kaygan, ha?

Bu aynı zamanda style=paragraflar, tablo hücreleri, başlık metni, resim yazıları vb. İçin alt stilleri ( metin etiketlerindeki özellik kullanılarak referans verilir) tanımlamanın ve kullanmanın arkasındaki mantıktır .<div> . Stil sayfasında mantıksal stilleriniz için fiziksel temsili tanımlayabilirsiniz ve değişiklikler otomatik olarak bu stil sayfasına başvuran web sayfalarına yansıtılır. Kaynak kodu için farklı bir temsil mi istiyorsunuz? "Kod" stiliniz için yazı tipini, boyutunu, ağırlığını, aralığını vb. Yeniden tanımlayın.

XHTML kullanıyorsanız, kendi semantik etiketlerinizi bile tanımlayabilirsiniz ve stil sayfanız fiziksel yazı tipi stillerine ve mizanpajlara dönüşümleri sizin için yapar.

Hem <strong> hem de <b>, aslında, tam olarak bu yanıt dizisinde belirtilen nedenlerden dolayı kullanıyorum. Cesurca bakıldığında bazı metinlerin daha iyi göründüğü zamanlar vardır , ancak zorunlu olarak cümlenin geri kalanından anlamsal olarak daha önemli değildir. İşte şu anda üzerinde çalıştığım bir sayfadan bir örnek:

"<b> Lakros </b> hakkındaki <strong> tüm </strong> kitapları alır."

Bu cümlede, "hepsi" kelimesi çok önemlidir ve "lakros" daha az yani - sadece bir arama terimini temsil ettiği için cesur olmasını istedim, bu yüzden bazı görsel ayrımlar istedim. Sayfayı bir ekran okuyucu ile görüntülüyorsanız, "lakros" kelimesini vurgulamak için yoldan çekilmesi gerektiğini düşünmüyorum.

Çoğu web geliştiricisinin diğerinden birini kullandığını, ancak her ikisinin de iyi olduğunu hayal etme eğilimindeyim - bazı kişilerin iddia ettiği gibi, kesinlikle kesinlikle kullanılmıyor. Benim için görsel çekicilik ve anlam arasında ince bir çizgi var.

Bunları yalnızca CSS stil sınıflarını kullanmak herhangi bir nedenle uygunsuz veya imkansızsa kullanın (blog sistemleri gibi, yalnızca bazı etiketlerin yayınlarda ve sonunda gömülü stillerde kullanılmasına izin verin). Diğer bir neden ise çok eski tarayıcılar (bazı mobil cihazlar?) Veya ilkel arama motorları ( CSS stillerini analiz etmek yerine puan <b>veya <strong>etiket veren) desteğidir .

CSS stillerini tanımlayabiliyorsanız bunları kullanın.

Kalın yazılmış metinler için <b> Etiketi

Önemli metin kullanımı için <strong> Etiketi

Metin italik stilini kullanarak <i> Etiketi

<em> Etiketi kullanarak vurgulanan metin için

<b>ve <i>bundan kaçınılmalıdır çünkü metnin stilini tanımlarlar. Bunun yerine, kullanın <strong>ve <em>çünkü bu metnin anlambilimini (anlamını) açıklar.

HTML'deki her şeyde olduğu gibi, nasıl görünmesini istediğinizi değil , aslında ne demek istediğinizi düşünmelisiniz . Tabii, sadece cesur ve italik olabilir, ancak bir ekran okuyucu için değil.

b veya i , metnin kalın veya italik olarak gösterilmesini istediğiniz anlamına gelir. strong veya em , metnin kullanıcının "önemli" olarak anlayacağı şekilde oluşturulmasını istediğiniz anlamına gelir. Varsayılan değer, italik kadar kalın ve em'i güçlü yapmaktır, ancak diğer bazı kültürler farklı bir eşleme kullanabilir.

Bir programdaki dizeler gibi, b ve ben "sabit kodlanmış" iken güçlü ve em "lokalize" olacaktır.

"Aynı etkiye sahiptirler. Bununla birlikte, HTML'nin daha temiz ve yeni bir sürümü olan XHTML, <strong>etiketin kullanılmasını önerir . Güçlü daha iyidir çünkü okunması daha kolaydır - anlamı daha açıktır. Ek olarak, <strong>metni gösteren bir anlam taşır kuvvetli - <b>(kalın için) bir metin - kalın bir yöntem taşırken Güçlü ile, metni güçlü yapma yöntemlerinin ne olduğunu değiştirmek için CSS stil sayfalarını kullanırsanız kodunuz yine de mantıklıdır.

Aynı şey <i>ve <em>" arasındaki fark için de geçerlidir .

Google dixit:

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

HTML Biçimlendirme Elemanları:

HTML ayrıca metni özel bir anlamla tanımlamak için özel öğeler tanımlar. HTML, çıktıyı biçimlendirmek için kalın veya italik metin gibi <b> ve <i> gibi öğeleri kullanır.

HTML Kalın ve Güçlü Biçimlendirme:

HTML <b> öğesi, fazladan önem vermeden kalın metinleri tanımlar.

<b>This text is bold</b>

HTML <strong> öğesi, semantik "güçlü" önem ekleyerek güçlü metni tanımlar.

<strong>This text is strong</strong>

HTML İtalik ve Vurgulanan Biçimlendirme:

HTML <i> öğesi, fazladan önem vermeden italik metni tanımlar.

<i>This text is italic</i>

HTML <em> öğesi, vurgulanmış metni semantik önem ekleyerek tanımlar.

<em>This text is emphasized</em>

Genellikle kaçınmaya çalışmalısınız <b>ve <i>. Bu arada kaldırılan fontetiket gibi, CSS'nin oluşturulmasından önce sayfanın HMTL sürümlerinde düzenlenmesi (görünme şeklinin değiştirilmesi) için tanıtıldı ve çoğunlukla geriye dönük uyumluluk için tutuldu ve bazı forumlar satır içi HTML'ye izin verdiğinden ve bu kolay metin görünümünü değiştirmek için bir yol (BBCode kullanarak [i], kullanabilirsiniz <i>vb.).

CSS'nin oluşturulmasından bu yana, düzenleme aslında HTML'de yapılması gereken bir şey değildir, bu yüzden CSS ilk etapta oluşturulmuştur (HTML == Yapı, CSS == Düzen). Bu etiketler gelecekte de kaybolabilir, sonuçta span"anlamsız" bir yazı tipi varyasyonuna ihtiyacınız varsa metni kalın / italik yapmak için CSS ve etiketleri kullanabilirsiniz . HTML 5 yine de onlara izin veriyor ancak metni bu şekilde işaretlemenin bir anlamı olmadığını beyan ediyor .

<em>ve <strong>diğer yandan yalnızca bir şeyin "vurgulandığını" veya "güçlü bir şekilde vurgulandığını" söyler, tarayıcıya nasıl işleneceğini tamamen açık bırakır. Çoğu tarayıcı , standart olarak önerdiği emgibi italik ve strongkalın görünecektir , ancak bunu yapmak zorunda kalmazlar (farklı renkler, yazı tipi boyutları, yazı tipleri, ne olursa olsun kullanabilirler). Davranışı istediğiniz şekilde değiştirmek için CSS'yi kullanabilirsiniz. İsterseniz emkalın, strongkalın ve kırmızı yapabilirsiniz.

<strong>ve <em>soyut (insanların anlamsal olduğunu söylediklerinde bunu kastediyorlar). <b>ve <i>"güçlü" veya "vurgulanmış" bir şey yapmanın belirli yollarıdır

Analoji:

Hem <strong>etmektir <b>ve <em>etmektir<i>

gibi

"araç" "cip" tir

Biz kullanmak <strong>ederken, ürün adı, vb şirket ismi gibi SEO amaçlı yüksek önceliğe sahiptir metin için etiket <b>basit o cesur yapar.

Benzer şekilde, metni sadece italik yapmak <em>için SEO için yüksek önceliğe sahip metinler için kullanıyoruz <i>.