HTML 5: é, ou?

tentei verificar outras respostas , mas ainda estou confuso--especialmente depois de ver w3schools HTML 5 reference .

eu pensava que o HTML 4.01 era suposto "permitir" que as marcas individuais fossem apenas <img> e <br>. Então XHTML apareceu com <img /> e <br /> (onde alguém disse que o espaço está lá para navegadores mais velhos ([11]}).

Agora pergunto - me como devo formatar o meu código ao praticar HTML 5.

<!DOCTYPE HTML>
É isso?<br>, <br/> ou <br />?

Author: BoltClock, 2009-12-22

24 answers

Simplesmente <br> é suficiente.

As outras formas existem para compatibilidade com o XHTML; para tornar possível escrever o mesmo código que o XHTML, e para que ele também funcione como HTML. Alguns sistemas que geram HTML podem ser baseados em geradores de XML, e, portanto, não têm a capacidade de produzir apenas uma marca nua <br>; se você estiver usando tal sistema, é bom usar <br/>, simplesmente não é necessário se você não precisar fazê-lo.

No entanto, muito poucas pessoas usam XHTML. Tens de o fazer. sirva o seu conteúdo como application/xhtml+xml para que ele seja interpretado como XHTML, e que não irá funcionar em versões antigas do IE - também significará que qualquer pequeno erro que você fizer irá impedir que a sua página seja exibida em navegadores que suportam o XHTML. Assim, a maioria do que se parece com XHTML na web está sendo servida, e interpretada, como HTML. Veja servindo XHTML como texto / html considerado nocivo para mais informações.
 1316
Author: Brian Campbell, 2016-02-19 11:40:22

Acho que esta citação do projecto de referência HTML 5 dá a resposta:

Alguns elementos, no entanto, são proibidos. de conter qualquer conteúdo. Estes são conhecidos como elementos vazios. Em HTML, a sintaxe acima não pode ser usada para elementos vazios. Para esses elementos, a etiqueta final deve ser omitida porque o elemento é automaticamente fechado por analisador. Esses elementos incluem:, entre outros, br, hr, link e meta

HTML Exemplo:

<link type="text/css" rel="stylesheet" href="style.css">
Em XHTML, o XML syntactic os requisitos estipulam que este deve ser explicitado através de um marca final, como em cima, ou o vazio sintaxe do elemento. Isto é conseguido por inserir um corte no fim do iniciar a marca imediatamente antes da direita suporte de ângulo.

Exemplo:

<link type="text/css" href="style.css"/>

Os autores podem optar opcionalmente por usar esta mesma sintaxe para elementos vazios em a sintaxe HTML também. Alguns autores também escolher incluir branco antes da barra, no entanto isto não é necessario. (Usando espaço em branco nesse a moda é uma convenção herdada de as orientações de compatibilidade do XHTML 1.0, Apêndice C.)

 197
Author: Daan, 2009-12-22 13:44:51

O XML não permite deixar marcas abertas, por isso torna <br> um pouco pior do que os outros dois. Os outros dois são aproximadamente equivalentes ao segundo preferido para compatibilidade com navegadores mais antigos. Na verdade, o espaço antes de / é preferido por questões de compatibilidade, mas acho que só faz sentido para as marcas que têm atributos. Então eu diria: ou <br/> ou <br />, o que quiser a sua estética.

Para resumir, os três são válidos, com o primeiro a ser um pouco menos. "portatil".

Edit : Agora que estamos todos loucos por especificações, acho que vale a pena salientar que de acordo com dev.w3.org:

As marcas iniciais consistem no seguinte: partes, exactamente pela seguinte ordem:

  1. um personagem"
  2. o nome da etiqueta do elemento.
  3. Opcionalmente, um ou mais atributos, cada um dos quais deve ser precedida de um ou mais espaços caracter. Opcionalmente, um ou mais espaços caracter.
  4. opcionalmente, um carácter"/", que só pode estar presente se o elemento é um elemento vazio.
  5. um carácter">".
 122
Author: Michael Krelin - hacker, 2015-02-22 22:37:31

Em HTML (até ao HTML 4) : usar <br>

In HTML 5: <br> é preferível, mas <br/> e <br /> também é aceitável

Em XHTML: <br /> é preferido. Pode também utilizar <br/> ou <br></br>

Notas:

  • <br></br> não é válido no HTML 5, ele será pensado como duas quebras de linha.
  • o XHTML é sensível à capitalização, o HTML não é sensível à capitalização.
  • para compatibilidade retroactiva, alguns navegadores antigos analisariam o XHTML como HTML e fail on <br/> but not <br />

Referência:

 92
Author: JackDev, 2014-06-12 05:15:17

De acordo com a especificação a forma esperada é <br> para o HTML 5, mas é permitida uma barra de Fecho.

 52
Author: tvanfosson, 2014-06-11 12:49:41

O XML exige que todas as marcas tenham uma marca de Fecho correspondente. Assim, há uma sintaxe especial de mão curta para tags sem conteúdo interno.

O HTML5 não é XML, por isso não deve constituir tal exigência. Nem o HTML 4.01.

Por exemplo, em HTML5 specs, todos os exemplos com br tag use <br> sintaxe, não <br/>.

UPD na verdade, <br/> é permitido em HTML5 . 9.1.2.1, 7.

 19
Author: sastanin, 2009-12-22 13:58:10

Eu recomendaria a utilização de
pelas seguintes razões:

1) os editores de texto e XML que realçam a sintaxe XML em diferentes cores irão realçar adequadamente com
mas este não é sempre o caso se usar

2)
é compatível ao contrário com XHTML e HTML bem-formado (ie: XHTML) é muitas vezes mais fácil de validar para erros e depuração

3) Alguns parsers antigos e alguns specs de codificação requerem o espaço antes da barra de Fecho (ou seja:
em vez de
) como a codificação de plugins WordPress spec: http://make.wordpress.org/core/handbook/coding-standards/html/

Eu minha experiência, eu nunca me deparei com um caso em que o uso de
é problemático, no entanto, há muitos casos em que
ou especialmente
Pode ser problemático em navegadores mais antigos e ferramentas.

 13
Author: Kmeixner, 2014-01-16 17:43:42

Ambos <br> e {[1] } são aceitáveis em HTML5, mas no espírito do HTML, <br> deve ser usado. HTML5 permite fechar barras, a fim de ser mais compatível com documentos que eram anteriormente HTML 4.01 e XHTML 1.0, permitindo uma migração mais fácil para HTML5. É claro que <br/> também é aceitável, mas para ser compatível com alguns navegadores mais antigos, deve haver um espaço antes da barra de Fecho (/).

 11
Author: mc10, 2011-04-21 18:50:02

Se estiver interessado em comparabilidade (não Compatibilidade, mas comparabilidade), então eu ficaria com <br />.

Caso contrário, <br> está bem.

 11
Author: MindStalker, 2015-09-22 09:18:23
  1. Se você está expondo HTML em um site regular que você pode usar <br> ou <br/>, ambos são válidos a qualquer momento que você está servindo HTML5 como texto/html.

  2. Se está a servir o HTML5 como XHTML (ou seja, tipo de conteúdo aplicação/xhtml+xml, com uma declaração XML), então deve usar uma marca de Fecho próprio como: <br/>.

    Se não o fizer, alguns navegadores podem recusar-se a tornar a sua página (o Firefox em particular é Muito rigorosa quanto à renderização apenas páginas xhtml + xml válidas).

    Como indicado em 1. <br/> também é válido para HTML5 que acontece ser gerado como XML, mas servido como um texto/html regular sem uma declaração XML (como a partir de uma transformação XSL que gera páginas web, ou algo semelhante).

Para esclarecer a confusão: colocar um espaço antes da barra não é necessária no HTML5 e não faz qualquer diferença em como a página é renderizada (se alguém pode citar um exemplo, eu vou retrair isto, mas eu Não acredito que seja verdade-mas, Ou seja, certamente faz muitas outras coisas estranhas com todas as formas de tags.

O excelente validador em http://validator.w3.org é realmente útil para verificar o que é válido (embora eu não tenha certeza de que você pode confiar nele para também verificar o tipo de conteúdo).

 9
Author: Iain Collins, 2013-03-20 22:46:06

Ambos {[[0]} e <br/> vão ficar bem, mas eu prefiro <br/> porque é um pouco mais lógico. É lógico esperar uma tag de fechamento sempre que há uma tag de abertura. Portanto, o seu código é um pouco mais fácil de ler se você não usar uma etiqueta de abertura quando não vai haver uma etiqueta de Fecho.

Todos os navegadores (excepto possivelmente alguns muito antigos que não importam) irão exibir exactamente os mesmos. No entanto, <br> não é um compliente xHTML.

 9
Author: Dan Bray, 2016-02-28 01:18:55

<br> e <br/> torna diferente. Alguns navegadores interpretam <br/> como <br></br> e introduzem duas quebras de linha

 6
Author: Samuel, 2010-12-01 04:27:10
Na validação desta questão, depende realmente do que está a tentar obter a verificação.

O meu favorito é 4.01 Trans onde Uso o <br/> e ele limpa os avisos e erros que podem ter surgido durante a validação

O estricto é uma besta muito mais complicada, odeia e literalmente só quer o <br></br> Ou o " LAX " do mundo do código, não há uma resposta certa, porque ele está lá. corrigir...... No final, acho que tudo o que importa ... ou ... .. com o movimento em rigor de código em html5 estamos a ver alguns programadores muito preguiçosos
 4
Author: Slow Poke, 2016-10-16 16:12:27

IMHO é melhor usar a notação regular (<br />) em vez da notação de perdão pelas seguintes razões:

Consistência

No seu HTML há provavelmente algum SVG e SVG apenas suportam a notação regular (por exemplo <rect />).

Hackability

Não é um caso que frameworks como reate e NativeScript usem uma notação XML.
O seu código de marcação será mais fácil de analisar.

Clareza

A notação regular é mais fácil de ler e entender, mesmo tarde da noite.

Especificações

Tanto <br> como <br /> são marcas HTML válidas.

Conclusão

Se usar um editor de texto completo configure-o para usar a notação regular (que é chamada de XHTML por Emmet).
Por exemplo, em Visual Studio Code só tem de adicionar a seguinte linha às suas configurações:

"emmet.syntaxProfiles": {"html": "xhtml"}
 3
Author: isar, 2018-05-18 07:53:31

Bem, tudo o que sei é que {[[0]} dá uma pausa com uma linha branca e {[[1]} dá uma pausa em alguns casos. Isso aconteceu comigo quando eu estava configurando um IPN-script (PHP) e Enviou e-mails e checou a caixa de entrada para ele. Não sei porquê, mas só recebi a mensagem para parecer fixe, usando os dois.<br /> and <br>

Veja o correio aqui. http://snag.gy/cLxUa.jpg

As duas primeiras secções do texto são separadas por {[[0]}, daí as linhas em branco, as últimas três linhas de texto em a parte inferior e a última secção estão separadas por <br> e dão apenas uma nova linha.

 2
Author: Emanuel Olsson, 2013-04-30 15:59:53

No HTML <br> e no XHTML <br/>.

Vou sugerir que uses <br/>.
 2
Author: Shubham Kumar, 2016-07-09 21:36:25

Em HTML5 a barra já não é necessária: <br>, <hr>

 2
Author: harold ramos, 2017-11-08 14:33:35

<br> é suficiente, mas em XHTML <br /> é o preferido de acordo com o WHATWG e de acordo com o W3C.

Para citarsecção 8.1.2.1 de HTML 5.2 W3C recomendação, 14 de dezembro 2017

As marcas iniciais devem ter o seguinte formato:

  1. Após os atributos, ou após o nome da tag se não houver atributos, pode haver um ou mais caracteres de espaço. (Alguns atributos são necessários para ser seguido por um espaço. Ver secção 8.1.2.3. atributos abaixo.)

  2. Então, se o elemento é um dos elementos vazios, ou se o elemento é um elemento estranho, então pode haver um único caráter U+002F SOLIDUS (/). Este personagem não tem efeito em elementos vazios, mas em elementos estrangeiros ele marca a marca de Início como self-closing.

Se usar o Dreamweaver CS6, então este irá completar automaticamente como <br />.

Para validar o seu ficheiro HTML no W3C veja em : http://validator.w3.org/

 2
Author: krupal, 2018-08-05 01:31:46

Como muitos outros já cobriram, tanto {[[0]} como {[1] } são aceitáveis.

Acho que o tradeoff é a melhor legibilidade e compatibilidade para trás de <br/> versus enviar um carácter a menos para os utilizadores finais com {[[0]}.

E uma vez que O Google usa <br> Também eu.

[8] (é claro tenha em mente que eles podem estar me servindo {[[0]} porque eu estou usando o cromado que eles sabem que o suporta. No IE eles ainda podem estar servindo <br/>)
 1
Author: Dimitris, 2014-06-25 14:08:30

<br> funciona muito bem. As versões mais rigorosas como o XHTML requerem que você adicione o fechamento, e versões realmente antigas do HTML que não incluem um DOCTYPE Fazer <br> uma tag não-vazia, como <br></br>.

Resumo: <br> está bem. Os outros também estão bem.

 1
Author: Aravind Suresh, 2016-09-02 16:30:37

A maioria dos casos em HTML, as tags estão em par. Mas para uma pausa de linha você não precisa de um par de etiquetas. Portanto, para indicar isso, HTML usa o formato <br/>. <br/> é o certo. Usa esse formato.

<br> a marca não tem marca final em HTML Em XHTML, a etiqueta <br> deve ser devidamente fechada, assim: <br />

Em XML todas as marcas devem ser fechadas. XHTML é uma extensão do XML, portanto todas as regras do XML devem ser seguidas para XHTML válido. Por isso mesmo marcas vazias (nós sem nós de crianças) como
deve ser fechado. O XML tem uma forma curta chamada 'self closing tags' para nós vazios. Podes escrever. Por conseguinte, é utilizado em XHTML <br />.

HTML é muito brando a este respeito, e não existe tal regra. Assim, nos nós vazios em HTML como <br> <hr> <meta> etc são escritos sem a barra de fecho para a frente.

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/" />

Nem todas as etiquetas podem ser self fechadas. Por exemplo, uma tag como <script src="jQuery.min.js" /> não é permitida por XHTML DTD.

 1
Author: Bhavin Solanki, 2018-06-01 19:59:39
Ummm.....alguém conhece um único fornecedor, usuário-agente, ou fabricante de navegador que já tenha seguido as especificações W3C 100%??? Então se o HTML5 diz que suporta todas as três versões break element, você pode apostar que os fornecedores suportam as mesmas e ainda mais versões sloppier!

A única coisa que importa neste debate é usar consistentemente códigos que também seguem ESPECIFICAÇÕES XML, bem como especificações HTML, quando possível. Isso significa que você deve usar o XML correto versão do break tag e encorajar toda a sua equipe a fazer o mesmo:

<br />

Deve aplicar-se o mesmo formato de barra de espaço para as marcas img, a, hr e meta no seu código. Por quê? Porque:

  1. é compatível ao contrário com os antigos agentes de utilizador / navegadores XHTML
  2. Os fornecedores do navegador suportam a versão XML de qualquer forma, por isso a especificação HTML5 é discutível.
  3. As implementações desleixadas da maioria dos utilizadores-agentes hoje, no passado e no futuro irão aceitar ele.
  4. permite que a sua marcação seja comparável com as normas XML se necessitar de voltar a criar documentos XHTML/XML a partir da sua marcação.
  5. é "boa prática de codificação" para todos os programadores da WEB continuar a usar práticas de marcação sólidas que seguem o XML, incluindo codificação em todos os casos mais baixos, atributos citados, caracteres XML escapados, etc. etc. Por quê? No futuro, se você tiver que mudar para dados XML você codifica automaticamente e pensa em XML.
  6. Só podemos esperar que no futuro World Wide Web, nós nos afastamos de padrões implementados por fornecedores privados e voltamos para uma marca sólida, confiável e verificada que analisa mais rápido, move os dados sobre os fios mais rápido, e tornar a nossa futura Internet um meio mais padronizado usando XML.
Além disso, no mundo robótico e mecânico que está aqui, onde os robôs não têm os mesmos problemas de codificação de interface humana que o HTML5 resolve para nós, eles vão de bom grado voltar para sistemas de dados XML e analisar essas páginas da internet UI muito mais rápido quando convertido para dados XML.
 0
Author: Stokely, 2017-05-17 19:23:25

<br> e <br /> tornar diferente em alguns navegadores, por isso escolher um ou outro não vai prejudicar o seu projecto, mas espere um achado em massa..substituir para afetar a renderização da página em alguns navegadores, o que pode resultar em trabalho extra para si mesmo ou mesmo embaraço se a mudança não afetar nada em seu navegador de teste, mas quebrá-lo no navegador preferido de seus clientes'.

Eu prefiro {[[0]} uma vez que é o que eu tenho usado desde Erwise e Netscape Navigator (web inicial browsers), mas não há razão para não escolher <br /> em vez disso. Pode ser útil para algum pré-processamento, comparabilidade, etc.

Mesmo que a sua escolha se limite a preferir a aparência de um ao outro, ou você (ou o seu editor de HTML favorito, por exemplo, Dreamweaver) poderá gostar que o seu código seja compatível com xml. Depende de ti.

Uma nota lateral rápida:

Não deve ser confundido com br, mas também pode considerar a utilização de marcas {[[5]} no seu HTML: uma marca de oportunidade de quebra de palavras, que especifica onde em um texto seria ok adicionar uma linha-break.

Para mais Leitura, por favor leia a especificação HTML5.

 -2
Author: Knickerless-Noggins, 2015-09-22 09:38:56

Os elementos sem ter marcas finais são chamados de marcas vazias. No html 4 e html 5, as tags finais não são necessárias e podem ser omitidas.

Em xhtml, as etiquetas são tão rígidas. Isso significa que deve começar com a tag inicial e terminar com a tag final.

 -2
Author: Mahesh P, 2017-11-10 12:11:50