In HTML, <div> and <span> tags are elements used to define parts of a document, so that they are identifiable when a unique classification is necessary. Where other HTML elements such as <p> (paragraph), <em> (emphasis), and so on, accurately represent the semantics of the content, the additional use of <span> and <div> tags leads to better accessibility for readers and easier maintainability for authors. Where no existing HTML element is applicable, <span> and <div> can valuably represent parts of a document so that HTML attributes such as class, id, lang, or dir can be applied.[1][2]
<span> represents an inline portion of a document, for example words within a sentence. <div> represents a block-level portion of a document such as a few paragraphs, or an image with its caption. <div> stands for division. The elements allow semantic attributes (e.g. lang="en-US"), CSS styling (e.g., color and typography), or client-side scripting (e.g., animation, hiding, and augmentation) to be applied.[1][2]
<div> defines a 'division' of the document, a block-level item that is more distinct from elements above and below it than a span of inline material.[3]
^ ab"HTML5: A vocabulary and associated APIs for HTML and XHTML". W3C. 4.4 Grouping content. Retrieved 16 September 2014.
^ ab"HTML5: A vocabulary and associated APIs for HTML and XHTML". W3C. 4.5 Text-level semantics. Archived from the original on 1 August 2015. Retrieved 16 September 2014.
^"HTML <div> Tag". W3Schools. Retrieved 22 March 2018.
In HTML, <div> and <span> tags are elements used to define parts of a document, so that they are identifiable when a unique classification is necessary...
operation that is the inverse of multiplication Spananddiv, HTML tags that implement generic elements div, a C mathematical function Divergence, a mathematical...
in linear algebra Span (category theory) <span>, an HTML element; See spananddiv Switched Port Analyzer, Cisco implementation of port mirroring Smartphone...
org</span></div> <div class="tel"> <span class="type">Fax</span>: <span class="value">+1-415-882-0495</span> </div> </div> In this example, the fn and org...
presentational markup, such as <font>, <i> and <center> tags. There are also the semantically neutral divandspan tags. Since the late 1990s, when Cascading...
HTML inline elements as span. For example: <blink>This text could blink</blink>. The rate of blinking is browser-specific, and the tag contains no parameters...
be invoked in HTML: <div class="marquee-container"><div class="marquee-content">The freakin' geese are on the lease!</div></div> The freakin' geese are...
using an HTML meta element with the http-equiv parameter set to "refresh" and a content parameter giving the time interval in seconds. It is also possible...
red, green and blue components, each represented by eight bits. Thus, there are 24 bits used to specify a web color within the sRGB gamut, and 16,777,216...
The Document Object Model (DOM) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein...
important. For example, div .myClass {color: red;} applies to all elements of class myClass that are inside div elements, whereas .myClass div {color: red;} applies...
persistent cookies and session cookies respectively. Web Storage is standardized by the World Wide Web Consortium (W3C) and WHATWG, and is supported by all...
The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that...
HTML5 Article is a HTML5 semantic element, similar to <section> and <header>. It is most commonly used to contain information that may be distributed...
interested in evolving HTML and related technologies. The WHATWG was founded by individuals from Apple Inc., the Mozilla Foundation and Opera Software, leading...
technologies developed as open standards by the World Wide Web Consortium and other standardization bodies such as the Web Hypertext Application Technology...
order to define the type of the link, or the relationship between the source and destination resources. The attribute can be used by automated systems, or...
language designed for web use, which describes the structure and content of the page; and CSS, a generalized stylesheet language, which specifies how the...
including other elements and text. As is generally understood, the position of an element is indicated as spanning from a start tag and is terminated by an...
Language" within a floating yellow background (tooltip). <div style="text-align: center;">Centered text</div> In this other example, your text will look like this:...
elements and attributes that reflect typical usage on modern websites. Some of them are semantic replacements for common uses of generic block (<div>) and inline...
Unlike the Document Object Model, there is no standard for implementation and no strict definition, so browser vendors are free to implement the BOM in...
style sheets and client-side scripts (JavaScript, VBScript, or any other supported scripts) that enabled the creation of interactive and animated documents...
for Web Graphics Library) is a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins...
Global Information