What Is a SPAN Tag/Element

Q

What Is a SPAN Tag/Element? - XHTML 1.0 Tutorials - Understanding DIV and SPAN elements

✍: FYICenter.com

A

A "span" element is an inline element that you can use a container of inline elements and text contents. By default, browsers will do nothing on "span" elements unless specify some CSS properties in them. Here are basic rules about an "span" element:

"span" elements are inline elements.
"span" elements can have PCDATA as contents.
"span" elements can have inline elements as sub-elements.
"span" elements can not have any block elements as sub-elements.
A "span" element will be ignored by most browsers, unless it has some CSS properties.

Here is a tutorial example of "span" elements:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>SPAN Elements</title>
 </head>
 <body>
  <h4>SPAN Elements?</h4>
  <p>I don't <span>see</span> any <span>SPAN 
   elements</span> in this paragraph. Do you 
   <span>see</span> any <span>SPAN elements</span>
   here? What is a SPAN element anyway?</p>
 </body>
</html>

If you save the above document as span_elements.html and view it with Internet Explorer, you will see a normal text paragraph. But you not see any signs of "span" elements.
SPAN Elements

2007-05-12, 4530👍, 0💬

What Is a DIV Tag/Element
What Is a DIV Tag/Element? - XHTML 1.0 Tutorials - Understanding DIV and SPAN elements A "div" element is a block element that you can use a container of flow elements (flow elements are really the superset of both inline elements and block elements). By default, "div" elements will be treated as pa... 2007-05-12, 5079👍, 0💬

Can DIV Elements Be Nested
Can DIV Elements Be Nested? - XHTML 1.0 Tutorials - Understanding DIV and SPAN elements Can "div" elements be nested? The answer is yes. In fact, nested "div" elements provides you more flexibilities to specify CSS properties at different levels. Here is a tutorial example of nested "div" elements: ... 2007-05-12, 5075👍, 0💬

Can DIV Elements Be Floated
Can DIV Elements Be Floated? - XHTML 1.0 Tutorials - Understanding DIV and SPAN elements Can "div" elements be floated? The answer is yes. If you want to float a "div" block, you can use the "float" CSS property. Here is a tutorial example of floated "div" elements: <?xml version="1.0" ?&... 2007-05-12, 4989👍, 0💬

How To Change Text Fonts for Some Parts of a Paragraph
How To Change Text Fonts for Some Parts of a Paragraph? - XHTML 1.0 Tutorials - Understanding DIV and SPAN elements If you want to change text fonts or colors for some parts of a paragraph, you can use "span" element with "style" attributes to specify font and color information as CSS properties. He... 2007-05-12, 4963👍, 0💬

What is the Top Level Structure of an XHTML Document
What is the Top Level Structure of an XHTML Document? - XHTML 1.0 Tutorials - Document Structure and Head Level Tags The top level structure of a XHTML document consists of three parts: XML processing instruction - Provides XML version information and character set declaration. Document type declara... 2007-05-12, 4693👍, 0💬

How Many Document Types Defined in XHTML 1.0
How Many Document Types Defined in XHTML 1.0? - XHTML 1.0 Tutorials - Document Structure and Head Level Tags There are only 3 document types are defined in XHTML 1.0: 1. Strict type: Only allow non-deprecated and non-frameset XHTML elements in this type. Strict type should be declared as below: &... 2007-05-12, 4678👍, 0💬

What is the Second Level Structure of an XHTML Document
What is the Second Level Structure of an XHTML Document? - XHTML 1.0 Tutorials - Document Structure and Head Level Tags The second level structure of an XHTML document consists of two parts: Head element - Contains information about the current document, such as its title, keywords that may be usefu... 2007-05-12, 4570👍, 0💬

What Are Other Block Elements
What Are Other Block Elements? - XHTML 1.0 Tutorials - Body Tag and Block Level Tags Other block elements that are not covered in this collection: ul, ol, dl - Specifying lists of items. table - Specifying tables of columns and rows. form - Specifying forms with input fields. script - Specifying cli... 2007-05-12, 4556👍, 0💬

What Is a SPAN Tag/Element
What Is a SPAN Tag/Element? - XHTML 1.0 Tutorials - Understanding DIV and SPAN elements A "span" element is an inline element that you can use a container of inline elements and text contents. By default, browsers will do nothing on "span" elements unless specify some CSS properties in them. Here ar... 2007-05-12, 4531👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.