Uses for SPAN in a web page:.
- Inline formatting.
- Emphasize the opening section of text: You see this in children's books all the time. The first few words of a story are emphasized with a different font, color, or size. It's different from the CSS first-line property because SPAN lets you emphasize just a few words instead of the entire line.
- Emphasize an individual's or company name. Suppose you want certain words or phrases to stand out wherever they appear in your document. For instance, you'd want to make sure everyone noticed a celebrity's endorsement of your product. Or perhaps you'd like to stress your company's name.
Just create a CSS class and apply it using a SPAN tag everywhere the name or phrase appears.
- Add the TITLE attribute to the opening SPAN tag to create a pop-up tooltip for that section. It isn't necessary to add CSS to it: you can just add information (and keywords!) to your page wherever necessary.
- Use JavaScript events: The SPAN tag accepts JavaScript event handlers like onMouseOver and onMouseOut. Use it to add color and emphasis to certain parts of the text. This works like the HOVER attribute, but it can be used with any page element, while HOVER is limited to links.
You can also use it to add/change background images on the selected section - but keep page file size in mind.