
What is the difference between div & span
2 June, 2022
6
6
0
Contributors
We use both span and div to design out HTML page
Span and div are HTML elements of the web page. Both div and span tags have their specification & rules to design The HTML pages
The main difference between div and span is that the div tags element is a block element that is most commonly used to split the content into blocks on a page
whereas, the span tag is a general inline component that may be used to style a chunk of inline content.
div
•
Div is knows as divsion element which is used to divided the page in to separate sections like navigation section (navbar) , body section , main section, footer section , which help to identify the the elements used in section easily
•
It is used to dividing the elements that are block line basically the line break before & after.
•
It also include the global attributes for the specified elements in HTML documents.
•
In div tag, we use size, border , margin , height, width with specified to design the HTML elements.
•
The div used to block level elements and main elements, (outside elements)
In div tag, we use borders with width and height with specified color pixels to highlight the front end document. Using div makes easy to identify sections of a page and apply styling to them with CSS
Divs are parent elements and most commonly used elements in the HTML in any section of page
The div tag is mainly used to divide up content on the web page. Since the div tag is a block element and entire width of the block is assigned to block element
Span
span is mostly used inside the div tags If we want to change the small portion of the text color , or make a font bigger or smaller , also adding background span tags are used.
The span tag is referred to as a generic inline container – it can target a specific text in a paragraph and apply styling attributes. It used to style color for a particular element.
The span element is an inline container for highlighting a portion of text or a page. The class and id attributes of the span element may be easily modified using CSS or controlled with of text, links, pictures, and other HTML components
•
It is used to edit the inline elements in the HTML file
•
In a paragraph <span> tag is used to apply a CSS style for the particular words with the specified font sets.
•
The span element is used in a paragraph to apply a CSS style to specific words using the supplied font
The span tag is similar to the div element, except span is an inline element, whereas div is a block-level element.
Div is a block element, and span is an inline tag
sdDiv is a block elemet, and span is an inline tag
Lets understand with the example
Conclusion
The span and div tags both have some features and some advantages when compared to other HTML tags Div and span tags are important in their own way span tags are very help to style the element inside the every element. we can easily edit the elements which are present in div tags
Thank you for reading🤗
.
.
tags
css
html
divs
span