Detailed introduction to div and span html block-level elements in html5

HTML

and

• ##HTML List

• HTML Class

HTML elements can be combined using

and .

HTML Block Element

##Most HTML elements are defined as block-level elements or inline elements.

Editor's note: "Block-level elements" Translated as block level element, "inline element" is translated as inline element.

Block-level elements usually start (and end) with a new line when displayed by the browser.

##Example:

,

,

,
HTML Inline Elements
Inline elements usually do not start with a new line when displayed.

## Example:

,

, , HTML
Element
##HTML
Element is A block-level element that is a container that can be used to combine other
HTML elements.
The
element has no specific meaning. In addition, since it is a block-level element, the browser will display line breaks before and after it.
If used with
CSS
,
# The ## element can be used to style large blocks of content attributes .
Another common use of the element is in document layout. It replaces the old-fashioned way of using Tables to define layouts. Using the
element for document layout is not a correct use of tables. The element is used to display tabular data.
HTML Element
##HTML The element is an inline element that can be used as a container for text.
The element also has no specific meaning.
##When used with CSS , The element can be used to set style attributes for portions of text.
HTML GroupTag
##Description
##
## Tag
Define a partition in a document or Section (pision/section).
define span, use to combine inline elements in the document.
The above is the detailed content of Detailed introduction to div and span html block-level elements in html5. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Technical problems encountered by HTML5 file upload plug-inNext article：Technical problems encountered by HTML5 file upload plug-in
Related articles
See more
• AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds
• HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)
• Detailed explanation of image drawing examples in HTML5 canvas 9
• Regular expressions and new HTML5 elements
• How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server
• Home

• Course

• Q&A

• My
• Home
• Course
• Article
• Q&A
• Dictionary
• Manual
• Download
• Topic
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）