HTML 5: Bu <br>, <br/> veya <br /> mı?

Diğer cevapları kontrol etmeyi denedim , ama hala kafam karıştı - özellikle W3schools HTML 5 referansını gördükten sonra .

HTML 4.01 "izin" sadece olmak tek etiketlere sanırdım <img>ve <br>. Sonra XHTML <img />ve <br />( birisi eski tarayıcılar için alanın orada olduğunu söyledi) ile birlikte geldi .

Şimdi HTML 5 uygularken kodumu nasıl biçimlendirmem gerektiğini merak ediyorum.

Öyle mi <br>, <br/>yoksa <br />?

Basitçe <br>yeterlidir.

Diğer formlar XHTML ile uyumluluk için vardır; XHTML ile aynı kodu yazmayı ve HTML olarak çalışmasını sağlamak için. HTML üreten bazı sistemler XML üreteçlerini temel alabilir ve bu nedenle yalnızca çıplak bir <br>etiket çıktılama özelliğine sahip değildir ; eğer böyle bir sistem kullanıyorsanız <br/>, kullanmanız iyi olur , eğer yapmanız gerekmiyorsa bu gerekli değildir.

Ancak çok az insan aslında XHTML kullanıyor. İçeriğinizi application/xhtml+xmlXHTML olarak yorumlanacak şekilde sunmanız gerekir ve bu eski IE sürümlerinde çalışmaz - ayrıca yaptığınız küçük hataların sayfanızın XHTML'yi destekleyen tarayıcılarda görüntülenmesini engelleyeceği anlamına gelir. Yani, web'deki XHTML'ye benzeyenlerin çoğu aslında HTML olarak sunuluyor ve yorumlanıyor. Daha fazla bilgi için XHTML'yi metin / html olarak zararlı olarak kabul etme bölümüne bakın .

HTML 5 Referans Taslağı'ndan bu alıntıya cevap verdiğini düşünüyorum :

3.2.2.2 Geçersiz Öğeler

Terimi, boş elemanlar olması gerekir elemanları belirtmek için kullanılır boş . Bu gereksinimler yalnızca HTML sözdizimi için geçerlidir. XHTML'de, bu tür öğelerin tümü normal öğeler olarak kabul edilir, ancak boş öğeler olarak işaretlenmelidir.

Bu öğelerin herhangi bir içerik içermesi yasaktır. HTML'de, bu öğelerin yalnızca başlangıç ​​etiketi vardır . Kendi kendine kapanan etiketi sözdizimi kullanılabilir. Bitiş etiketi elemanı otomatik çözümleyici tarafından kapalı olduğundan ihmal edilmelidir.

HTML Örneği:
HTML sözdizimindeki bir boşluk öğesi. XHTML sözdiziminde buna izin verilmez.

<hr>

Örnek:
HTML ve XHTML uyumlu kendiliğinden kapanan etiket sözdizimini kullanan bir geçersiz öğe.

<hr/>

XHTML Örneği:
Açık uç etiketli, yalnızca XHTML sözdizimini kullanan geçersiz bir öğe. HTML sözdizimindeki geçersiz öğeler için buna izin verilmez.

<hr></hr>

XML, etiketlerin açık bırakılmasına izin vermez, bu nedenle <br>diğer ikisinden biraz daha kötü hale getirir . Diğer ikisi, <br/>eski tarayıcılarla uyumluluk için kabaca tercih edilen ikinci ( ) ile eşdeğerdir . Aslında, /uyumluluk uğruna daha önce boşluk tercih ediliyor, ancak bence sadece nitelikleri olan etiketler için mantıklı. Bu yüzden ya <br/>da <br />estetiğinizden hangisini memnun ederse söylerim .

Özetlemek gerekirse: her üçü de birincisi ( <br>) biraz daha az “taşınabilir” olacak şekilde geçerlidir.

Düzenleme : Şimdi özellikleri hakkında tüm deli olduğumuzu, bunun değerinde işaret dışarı düşünüyorum göre dev.w3.org :

Başlangıç ​​etiketleri tam olarak aşağıdaki sırayla aşağıdaki parçalardan oluşur:

1. Bir "<" karakteri.
2. Öğenin etiket adı.
3. İsteğe bağlı olarak, her birinin önünde bir veya daha fazla boşluk karakteri olması gereken bir veya daha fazla özellik.
4. İsteğe bağlı olarak, bir veya daha fazla boşluk karakteri.
5. İsteğe bağlı olarak, yalnızca öğe geçersiz bir öğe olduğunda mevcut olabilecek bir "/" karakteri.
6. Bir ">" karakteri.

In HTML (yukarı HTML 4 kadar) : Kullanım<br>

Olarak HTML 5 : <br>tercih edilir, ancak <br/>ve <br />aynı zamanda kabul edilebilir olduğu

Gelen XHTML : <br />tercih edilir. Ayrıca <br/>veya<br></br>

Notlar:

• <br></br> HTML 5'te geçerli değilse, iki satır sonu olarak düşünülecektir.
• XHTML büyük / küçük harfe duyarlıdır, HTML büyük / küçük harfe duyarlı değildir.
• Geriye dönük uyumluluk için bazı eski tarayıcılar XHTML'yi HTML olarak ayrıştırır ve başarısız olur, <br/>ancak başarısız olur<br />

Referans:

• http://www.w3schools.com/tags/tag_br.asp
• http://en.wikipedia.org/wiki/XHTML

Spesifikasyona göre beklenen form <br>HTML 5 içindir, ancak bir eğik çizgiye izin verilir.

<br />Aşağıdaki nedenlerle kullanmanızı tavsiye ederim :

1) XML sözdizimini farklı renklerde vurgulayan metin ve XML düzenleyicileri ile düzgün bir şekilde vurgulanır, <br />ancak bu her zaman böyle olmaz<br>

2) <br />XHTML ile geriye dönük uyumludur ve iyi biçimlendirilmiş HTML (örn: XHTML) hata ve hata ayıklamalarını doğrulamak genellikle daha kolaydır

3) Bazı eski ayrıştırıcıları ve bazı kodlama özellikleri kapanış çizgiden önce alana ihtiyaç (yani: <br />yerine <br/>) bu tür WordPress Kodlama spec olarak: http://make.wordpress.org/core/handbook/coding-standards/html/

Deneyimlerime göre, <br />kullanımın sorunlu olduğu bir durumla hiç karşılaşmadım , ancak eski tarayıcılarda ve araçlarda <br/>özellikle <br>sorunlu veya özellikle sorunlu olabilecek birçok durum var .

XML, tüm etiketlerin ilgili bir kapatma etiketine sahip olmasını gerektirir. Dolayısıyla, iç içeriği olmayan etiketler için özel bir kısa el sözdizimi vardır.

HTML5 XML değildir, bu nedenle böyle bir gereklilik oluşturmamalıdır. HTML 4.01 de değildir.

Örneğin, HTML5 spesifikasyonlarında , bretikete sahip tüm örnekler <br>sözdizimini kullanır , değil <br/>.

UPD Aslında <br/>edilir HTML5 izin . 9.1.2.1, 7.

Karşılaştırılabilirlik (uyumluluk değil, karşılaştırılabilirlik) ile ilgileniyorsanız, o zaman sadık kalacağım <br />.

Aksi takdirde, <br>iyidir.

Hem <br>ve <br />HTML5'teki kabul edilebilir, ancak HTML ruhu içinde <br>kullanılmalıdır. HTML5, daha önce HTML 4.01 ve XHTML 1.0 olan belgelerle daha uyumlu olması için eğik çizgilerin kapanmasına izin vererek HTML5'e daha kolay geçiş sağlar. Tabii ki <br/>de kabul edilebilir, ancak bazı eski tarayıcılarla uyumlu olmak için, eğik çizgiden ( /) önce bir boşluk olmalıdır .

1. HTML'yi normal bir web sitesinde yayınlıyorsanız <br> veya kullanabilirsiniz <br/>, her ikisi de HTML5'i metin / html olarak sunduğunuz her zaman geçerlidir.

2. (Bir XML bildirimi ile yani içerik türü application / xhtml + xml) XHTML olarak HTML5 hizmet vermekteyiz o zaman şöyle bir kendine kapanma etiketi kullanmanız gerekir: <br/>.

   Bunu yapmazsanız, bazı tarayıcılar sayfanızı oluşturmayı reddedebilir (özellikle Firefox yalnızca geçerli xhtml + xml sayfalarını oluşturma konusunda çok katıdır).

   1.'de belirtildiği <br/>gibi, XML olarak oluşturulan ancak XML bildirimi olmadan normal bir metin / html olarak sunulan HTML5 için de geçerlidir (örneğin, web sayfaları üreten bir XSL Dönüşümü veya benzer bir şey gibi).

Karışıklığı gidermek için: HTML5'te eğik çizgiden önce boşluk bırakmak gerekmez ve sayfanın nasıl oluşturulduğu konusunda herhangi bir fark yaratmaz (eğer birisi bir örnek gösterebilirse bunu geri çekerim, ancak buna inanmıyorum) true - ancak IE kesinlikle tüm <br>etiket formları ile birçok garip şey yapar ).

Mükemmel doğrulayıcı http://validator.w3.org (ben değilim rağmen emin de içerik türü kontrol etmek güvenebilirsiniz) geçerli neler kontrol için gerçekten yararlıdır.

Hem <br>ve <br/>cezası yapmak ama tercih edecektir <br/>biraz daha mantıklı çünkü. Bir açılış etiketi olduğunda kapanış etiketi beklemek mantıklıdır. Bu nedenle, kapanış etiketi olmayacakken açılış etiketi kullanmazsanız kodunuzun okunması biraz daha kolaydır.

Tüm tarayıcılar (muhtemelen önemli olmayan bazı çok eski tarayıcılar hariç) her ikisini de aynı şekilde görüntüler. Ancak, <br>xHTML uyumlu değildir.

<br>ve <br/>farklı render. Bazı tarayıcılar iki satır sonu <br/>olarak yorumlanır <br></br>ve eklenir

<br>yeterlidir, ancak XHTML'de WHATWG'ye ve W3C'ye göre<br /> tercih edilir .

Alıntı Bölüm 8.1.2.1 arasında 2017, 14 Aralık HTML 5.2 W3C Tavsiye

Başlangıç ​​etiketleri şu biçimde olmalıdır:

...

5. Özelliklerden sonra veya hiçbir özellik yoksa etiket adından sonra bir veya daha fazla boşluk karakteri olabilir. (Bazı özelliklerin ardından bir boşluk bırakılması gerekir. Bkz. Aşağıdaki §8.1.2.3 Özellikler.)

6. Sonra, eleman geçersiz elemanlardan biriyse veya eleman yabancı bir elemansa, tek bir U + 002F SOLIDUS karakteri (/) olabilir. Bu karakterin geçersiz elemanlar üzerinde hiçbir etkisi yoktur, ancak yabancı elemanlar üzerinde başlangıç ​​etiketini kendi kendine kapanır olarak işaretler.

Dreamweaver CS6 kullanırsanız, otomatik olarak tamamlanır <br />.

HTML dosyanızı W3C'de doğrulamak için bkz. Http://validator.w3.org/

Bu sorunun doğrulanmasında, gerçekten !DOCTYPEdoğrulama almaya çalıştığınıza bağlıdır .

Benim kişisel favorim 4.01 Transsadece kullandığım yer <br/>ve doğrulama sırasında ortaya çıkmış olabilecek uyarıları ve hataları siler

Sıkı çok daha karmaşık bir canavar, NEFRET EDİYOR "SHORTTAGS"ve tam anlamıyla sadece<br></br>

Gelen HTML5veya kod dünyasının "LAX", gerçekten çünkü bir doğru cevap yoktur detects every example you put uporada doğru olarak ......

Sonunda, bence önemli olan is what validation YOU PREFERya da the person that you are working for prefers... lackadaisicalkod katılığındaki hareketle html5bazı ÇOK TEMİZ KODLAR görüyoruz

IMHO <br />yerine normal gösterimi ( ) kullanmak daha iyidir<br> , aşağıdaki nedenlerden dolayı affedici gösterim ( ) :

Tutarlılık

HTML'nizde muhtemelen bazı SVG ve SVG yalnızca normal gösterimi destekler (ör. <rect /> ).

Hackability

React ve NativeScript gibi çerçevelerin XML gösterimi kullanması bir durum değildir .
İşaretleme kodunuzu ayrıştırmak daha kolay olacaktır.

berraklık

Düzenli gösterimi, gece geç saatlerde bile okumak ve anlamak daha kolaydır.

Özellikler

Her ikisi de <br>ve <br />geçerli HTML etiketleridir.

Sonuç

Tam teşekküllü bir metin düzenleyicisi kullanıyorsanız, bunu normal gösterimi ( Emmet tarafından XHTML olarak adlandırılır ) kullanacak şekilde yapılandırın .
Örneğin, Visual Studio Code'da ayarlarınıza aşağıdaki satırı eklemeniz yeterlidir:

"emmet.syntaxProfiles": {"html": "xhtml"}

Bütün bildiğim şu <br /> beyaz çizgiyle <br>mola vermek ve bazı durumlarda sadece mola vermek. Bir IPN-betiği (PHP) kurarken postaları gönderip gelen kutusunu kontrol ederken bu bana oldu. Neden bilmiyorum ama sadece ikisini kullanarak düzgün görünmesi için mesaj aldım<br /> and <br>

Buradaki postaya bir göz atın: http://snag.gy/cLxUa.jpg

Metnin ilk iki bölümü <br />, beyaz boşluk satırları, altta son üç metin satırı ve son bölüm birbirinden ayrılır <br>ve yeni satır verir.

HTML <br>ve XHTML'de <br/>.

Kullanmanızı öneririm <br/>.

Diğerleri de bahsedildiği gibi hem <br>ve <br/>kabul edilebilirdir.

Bence ödünleşim, <br/>son kullanıcılara daha az karakter göndermeye karşı daha iyi okunabilirlik ve geriye dönük uyumluluktur <br>.

Ve bu yana Google kullanan <br>irade I. böylece

(Tabii ki bana hizmet ediyor olabileceğini unutmayın <br>çünkü Chrome'u desteklediklerini bildiğim için kullanıyorum. IE'de hala hizmet veriyor olabilirler <br/>)

<br>gayet iyi çalışıyor. XHTML gibi sıkı versiyonları Bir içermeyen kapanış ve HTML gerçekten eski sürümlerini eklemek gerektiren DOCTYPEyapmak <br>gibi olmayan bir boşluk etiketi <br></br>.

Özetle: <br>sorun yok. Diğerleri de gayet iyi.

Gelen HTML5 çizgi artık gerekli değildir: <br>,<hr>

HTML'deki vakaların çoğu, etiketler çifttir. Ancak satır sonu için bir çift etikete ihtiyacınız yoktur. Bu nedenle, bunu belirtmek için HTML <br/>biçimi kullanır . <br/>doğru olanıdır. Bu biçimi kullanın.

<br>etiketi HTML'de bitiş etiketi içermiyor XHTML'de <br>etiket şu şekilde düzgün bir şekilde kapatılmalıdır:<br />

XML'de her etiket kapatılmalıdır. XHTML bir XML uzantısıdır, bu nedenle geçerli XHTML için tüm XML kurallarına uyulmalıdır. Bu nedenle, boş etiketler (alt düğümleri olmayan düğümler)
bile kapatılmalıdır. XML, boş düğümler için kendiliğinden kapanan etiketler adı verilen kısa bir forma sahiptir. Yazabilirsiniz <br></br> as <br />. Bu nedenle XHTML'de <br />kullanılır.

HTML bu konuda çok yumuşaktır ve böyle bir kural yoktur. HTML'de <br> <hr> <meta>vb gibi boş düğümler , eğik çizgi olmadan yazılır.

HTML

<br>
<hr>
<meta name="keywords" content="">
<link rel="canonical" href="http://www.google.com/">

XHTML

<br />
<hr />
<meta name="keywords" content="" />
<link rel="canonical" href="http://www.google.com/" />

Tüm etiketler kendi kendine kapatılamaz. Örneğin, <script src="jQuery.min.js" />XHTML DTD tarafından benzeri bir etikete izin verilmez.

Ummm ..... W3C Spesifikasyonları% 100'ü takip eden bir TEK satıcı, kullanıcı aracısı veya tarayıcı üreticisi biliyor mu ??? HTML5, üç break element versiyonunu da desteklediğini söylüyorsa, satıcıların aynı ve daha da sloppier versiyonlarını desteklediğinden emin olabilirsiniz!

Bu tartışmada önemli olan tek şey, Mümkün olduğunca XML spesifikasyonlarının yanı sıra HTML spesifikasyonlarını da takip eden kodlamayı sürekli olarak kullanmaktır. Bu, break etiketinin doğru XML sürümünü kullanmanız ve tüm ekibinizi aynı şeyi yapmaya teşvik etmeniz gerektiği anlamına gelir:

<br />

Kodunuzdaki img, a, hr ve meta etiketler için aynı boşluk eğik çizgi biçimi uygulanmalıdır. Neden? Çünkü:

1. Eski XHTML kullanıcı aracıları / tarayıcıları ile geriye doğru uyumludur
2. Tarayıcı satıcıları yine de XML sürümünü destekler, böylece HTML5 özelliği tartışmalıdır.
3. Günümüzde, geçmişte ve gelecekte çoğu kullanıcı aracısının özensiz uygulamaları bunu kabul edecektir.
4. İşaretlemenizden XHTML / XML belgeleri oluşturmaya geri dönmeniz gerektiğinde işaretlemenizin XML standartlarıyla karşılaştırılabilir olmasını sağlar.
5. TÜM WEB GELİŞTİRİCİLERİN, tüm küçük harflerle kodlanan, alıntılanan öznitelikler, kaçan XML karakterleri vb. Gibi XML'yi izleyen katı biçimlendirme uygulamalarını kullanmaya devam etmesi "iyi kodlama uygulaması" dır. Neden? Gelecekte XML verilerine geçmek zorunda kalırsanız, otomatik olarak kodlar ve XML'de düşünürsünüz.
6. Yalnızca gelecekteki World Wide Web'de, özel satıcı tarafından uygulanan standartlardan uzaklaşacağımızı ve daha hızlı ayrışan, verileri kablolar üzerinde daha hızlı hareket eden sağlam ve güvenilir, doğrulanmış işaretlemeye geri döneceğimizi ve gelecekteki İnternetimizi daha standart hale getireceğimizi umabiliriz. XML kullanarak ortam.

Ayrıca, robotların aynı İnsan arabirimi kodlama sorunlarına sahip olmadığı robotik ve makine dünyasında HTML5'in bizim için çözdüğü memnuniyetle, XML veri sistemlerine geri dönecek ve bu UI web sayfalarını XML'ye dönüştürüldüğünde çok daha hızlı ayrıştıracaklar veri.

Her iki <br>ve <br/>eserleri ancak HTML 5 de çok kolay ilk sözdizimi destekleyen çünkü ikincisini kullanmanın gerek yoktur

HTML5'te gayet iyi çalışıyor. HTML5, XHTML'den biraz daha fazla boşluğa izin verir

HTML5 kullanıyorsanız <br>, gitmek için doğru yol :)

<br>ve <br />bazı tarayıcılarda farklı oluşturma, bu yüzden diğerinden birini seçmek projenize zarar vermez, ancak toplu bir arama beklemeyin .. bazı tarayıcılarda sayfa oluşturmayı etkilemek için değiştirin, bu da kendiniz için fazladan çalışmaya neden olabilir ve hatta Değişiklik test tarayıcınızda hiçbir şeyi etkilemezse, ancak müşterilerinizin tercih ettiği tarayıcıda kırın.

<br>Erwise ve Netscape Navigator'dan (erken web tarayıcıları) beri kullandığım şey olduğu için tercih ederim , ancak <br />bunun yerine seçmemek için bir neden yok . Bazı ön işleme, karşılaştırılabilirlik vb. İçin yararlı olabilir.

Seçiminiz bir diğerinin görünümünü tercih etmek için kaybolsa da, siz (veya favori HTML düzenleyiciniz örn. Dreamweaver) kodunuzun xml uyumlu olmasını isteyebilirsiniz. Sana kalmış.

Hızlı bir not:

Karıştırılmamalısınız br, ancak wbrHTML'nizdeki etiketleri de kullanmayı düşünebilirsiniz : Metinde satır sonu eklemenin uygun olacağını belirten bir kelime sonu fırsat etiketi.

Daha fazla okuma için lütfen HTML5 spesifikasyonunu okuyun .

Bitiş etiketi olmayan öğelere boş etiket denir. Html 4 ve html 5'te, bitiş etiketleri gerekli değildir ve atlanabilir.

Xhtml'de etiketler çok katıdır. Bu, başlangıç ​​etiketi ile başlamalı ve bitiş etiketi ile bitmelidir.