DIV And Span
In HTML, the
Most HTML elements carry semantic meaning – i.e. the element describes, and can be made to function according to, the type of data contained within. For example, a
There is one difference between
The <div> tag is often used to group block-elements to format them with styles.
The <span> tag provides no visual change by itself.
The <span> tag provides a way to add a hook to a part of a text or a part of a documen t.
span and div elements are used where parts of a document cannot be semantically described by other HTML elements.Most HTML elements carry semantic meaning – i.e. the element describes, and can be made to function according to, the type of data contained within. For example, a
p element should contain a paragraph of text, while an h1 element should contain the highest-level heading of the page; user agents should distinguish them accordingly. However, as span and div have no innate semantic meaning besides the logical grouping of the content, they can be used to specify non-standard presentation or behaviour without superfluous semantic meaning.There is one difference between
div and span. In standard HTML, a div is a block-level element whereas a span is an inline element. The div block visually isolates a section of a document on the page, in the same way as a paragraph. The span element contains a piece of information inline with the surrounding text. In practice, even this feature can be changed by the use of Cascading Style Sheets (CSS).<DIV>
The <div> tag defines a division or a section in an HTML document.The <div> tag is often used to group block-elements to format them with styles.
<SPAN>
The <span> tag is used to group inline-elements in a document.The <span> tag provides no visual change by itself.
The <span> tag provides a way to add a hook to a part of a text or a part of a documen t.
