HTML基础知识-元素

HTML标准通用标记语言下的一个应用) 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

 

行内元素

HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。

下面的元素都是行内元素:

 

块级元素

块级元素占据其父元素(容器)的整个空间,因此创建了一个“块”,通常浏览器会在块级元素前后另起一个新行。

以下是 HTML 中所有的块级元素列表(虽然”块级“在新的 HTML5 元素中没有明确定义)

<address> 联系方式信息。<article> HTML5 文章内容。<aside> HTML5 伴随内容。

<audio> HTML5 音频播放。<blockquote> 块引用。<canvas> HTML5 绘制图形。

<dd> 定义列表中定义条目描述。<div> 文档分区。<dl> 定义列表。

<fieldset> 表单元素分组。<figcaption> HTML5 图文信息组标题<figure> HTML5 图文信息组 (参照 <figcaption>)。

<footer> HTML5 区段尾或页尾。<form> 表单。<h1><h2><h3><h4><h5><h6> 标题级别 1-6.

<header> HTML5 区段头或页头。<hgroup> HTML5 标题组。<hr> 水平分割线。

<noscript> 不支持脚本或禁用脚本时显示的内容。<ol> 有序列表。<output> HTML5 表单输出。

<p> 行。<pre> 预格式化文本。<section> HTML5 一个页面区段。

<table> 表格。<tfoot> 表脚注。<ul> 无序列表。<video> HTML5 视频。

 

行内元素与块级元素对比

内容

一般情况下,行内元素只能包含数据和其他行内元素。

而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。

格式

默认情况下,行内元素不会以新行开始,而块级元素会新起一行。

 

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。