Entrar Ainda não tem acesso?
1
resposta

Dúvida tag <br> quebrando e pulando linha após ser inserida em função.

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Crie suas próprias funcionalidades e atividade Funções com parâmetros

por francisco gomes de lima linhares junior
| 187.4k xp | 31 posts

uma dúvida apenas para ampliar a minha compreensão. Pq ela passou a quebrar linha + pular linha com apenas uma tag sendo q antes era necessária 2 tag 

<meta charset="UTF-8">

<script>
    function pulaLinha(){
        document.write("<br>");
    };

    function mostra(frase){
        document.write(frase);
        pulaLinha();
    };

    var ano = 2016;

    // document.write("Flávio tem " + (ano - 1977) + " anos");
    mostra("Flávio tem " + (ano - 1977) + " anos")
    pulaLinha();
    // document.write("Joaquim tem " + (ano - 1996) + " anos");
    mostra("Joaquim tem " + (ano - 1996) + " anos")
    pulaLinha();

    ano = 2017;
    // document.write("Barney tem " + (ano - 1976) + " anos");
    mostra("Barney tem " + (ano - 1976) + " anos")
    pulalinha();


    mostra("Olá pessoal");

</script>

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

veja, aqui em outro codigo a tag apenas esta quebrando linha.. queria entender melhor pq essas divergências acontecem veja, aqui em outro codigo a tag <br> apenas esta quebrando linha.. queria entender melhor pq essas divergências acontecem

1 resposta
por Ivan Soares Correia
| 137k xp | 39 posts
Fotógrafo e Editor de Vídeos

Boa tarde, Francisco. A tag < br >, junto com outras tags como < img >, tem essa particularidade de não precisar de uma tag de fechamento.

Isso acontece, na maioria dos casos, porque são tags que não precisam de nenhum conteúdo associado a elas; é como se fossem "autoexplicativas". Nos exemplos de < br > e < img >, por exemplo, o conteúdo delas se resume ao conjunto de atributos que você possa definir.

Diferente de tags como < section > ou < table >, que são tags dependentes de um conteúdo para além de seus atributos.

Por último, vale lembrar que algumas tags sem fechamento são bem antigas, de um tempo bastante diferente para a Internet em termos de padronização de formatos. Nessa época era comum, por exemplo, se usar um "fechamento" da seguinte forma:

<img....... / >

Usava-se a barra para indicar esse "fechamento", o que facilitava por exemplo o diálogo com o padrão XML, que já foi muito utilizado. Alguns profissionais de HTML, por hábito no mais das vezes, usam esse padrão de fechamento até hoje.

Espero ter ajudado. Abração.