P. Qual é a diferença entre e?
tem sido confuso para uma semana e eu já teria pesquisado no google, mas ainda assim não me esclareceu Qual é a diferença entre estes dois, qualquer resposta clara?
6 answers
Div :
A marca <div>
define uma divisão ou uma secção num documento HTML.
<div><h2>London</h2><p>London is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p></div>
Classe :
O atributo de classe HTML torna possível definir estilos iguais para elementos com o mesmo nome de classe.
<div class="cities"><h2>Paris</h2><p>Paris is the capital and most populous city of France.</p></div>
O <div>
é uma marca que define uma divisão ou uma secção num documento HTML.
A marca <div>
é usada para agrupar elementos de bloco para formatá-los com CSS.
<div>
<p>This is paragraph.</p>
</div>
A classe é definida em css, onde definimos o que será o estilo de uma marca com este nome de classe. (stylingForDiv é o nome da classe usada neste exmaple).
.stylingForDiv{
background-color: black;
color: white;
margin: 20px 0 20px 0;
padding: 20px; }
Para aplicar os estilos de uma classe css (stylingForDiv neste exemplo) a uma marca div é necessário associar a classe css à marca div que é feito usando o atributo class na tag div.
<div>
<p>This is paragraph the same paragraph but styled using rules defined in stylingForDiv class .</p>
</div>
Resultado do div estilizado com a classe stylingForDiv no navegador
Assim, Div é uma marca de HTML, enquanto classe é atributo de HTML tag que é usado para estilo html tag de acordo com a regra descrita na classe definida em css.
ao contrário de <div>
, a classe não pode ser escrita no parêntesis Angular, uma vez que não é tag HTML.
É uma tag HTML onde como classe é um atributo que pode ser atribuído a qualquer tag HTML, incluindo tag div.
Por exemplo:
<div class="firstDiv">First 1</div>
<div class="firstDiv">First 2</div>
<div class="secondDiv">Second</div>
Se você é um atributo id familiar, um documento HTML só pode conter um ID uma vez onde várias marcas podem conter o mesmo nome de classe.
Aqui está uma explicação simples: http://www.456bereastreet.com/archive/200508/html_tags_vs_elements_vs_attributes/Também a tag like Não existe. então isto como por padrões HTML não é válido: hello
O
***<div> element***
é muito frequentemente utilizado em conjunto com o CSS, para fazer a apresentação de um pagina.
Enquanto
A classe HTMLatributo permite definir estilos iguais para elementos com o mesmo nome de classe.
-
<div>
é uma marca de contentor enquantoclass
é um atributo. - um
class
pode ser usado em qualquer marca e em qualquer número de marcas. -
class
não é mais do que um nome para css para que possa ser usado em toda a parte, sem escrever os mesmos estilos em toda a parte. Funciona da mesma forma que uma função em qualquer linguagem de programação. Melhora a reutilização do Código. - um recipiente pode ter várias classes de separete espacial, como
class = "cls1 cls2"
- Leia mais sobre a classe e div .
Por exemplo:
<div class= "mt5">
<input type= "text" class="mt5" />
</div>
onde mt5
é uma classe (pode ser chamada de qualquer coisa) que representa margin-top:5px
(a ser definida inicialmente).
<div id="container">
</div>
E você não pode usar o elemento div duas ou mais vezes, mas há um elemento de classe que você pode usar muitas vezes, por exemplo.
<class id="container">
</class>
<div id="container2">
</div>
<class id="container">
</class>
Para se referir ao div em css tem de usar uma hash:
#container
{
...
}
Para se referir à classe em css tem de usar um ponto:
.container
{
...
}
Acho que ajudei.