块和内联元素
我们已经看了一些的HTML5元素的网页是由现在是时候引入另一个属性的HTML5元素。有–内联元素和元素的块元素的两种不同类型。是否一个元素是一个内嵌或块元素影响浏览器如何呈现的元素。
块元素
一块元素呈现，顾名思义，是一个实际的块。块体单元是尽量宽，矩形，不打破跨线，和元素的宽度和高度可以调节。块元素可以包含内联元素和其他块元素。
内联元素
内联元素被视为文件的大小和流动的一部分，一般不应被手动更改。只有内联元素可以包含内联元素。使更令人困惑的是，内联元素可能包含在一个段落元素的元素，即使<p>元素是一个块元素。
<P＞＜／P元素是一个块元素，而<b>元素是一个内嵌元素。（B为大胆和文本的外观的变化）
的例子
最常用的块级元素是＜div＞。（DIV的缩写，引水）。<<div>元素是一个块元素用于分离在您的网页的内容的不同类型。假设你有两个博客条目，包括实际的入口，一个标题，你的名字，和出版日期，它可能看起来像这样：
只是另一天
克莉丝汀写的
一月十一日
这是我的第二个博客，我只是想看看你
我的第一篇博客
克莉丝汀写的
一月十日
我很高兴写我的第一篇博客–耶！
你可以看到，有两个博客，我们将使用一个块元素-在这种情况下，选择一个<DIV>。块内的元件是另一个块体单元，该段（<p>）。使用只有最必要的标记，您的网页的HTML看起来像这样：
<!DOCTYPE html>
<html>
<head>
<title>Your first HTML5 Document</title>
</head>
<body>
<div>
<p>Just Another Day<br />
Written by Christina<br />
On January 11th
</p>
<p>This is my second blog entry, and I just wanted to check in on you
</p>
</div>
<div>
<p>My First Blog Entry<br />
Written by Christina<br />
On January 10th
</p>
<p>
I’m so happy to write my first blog entry – yay!
</p>
<div>
</body>
</html>
<<div>元素是用多样化的两个博客条目。里面的<DIV>元素是两款由标题和作者的实际进入。
<<div>元素被广泛使用作为一个容器，可以适用于任何你想要在你的网页格式。缺陷是<DIV>元素不告诉你实际内容的东西。因此，浏览器知道它找到了一个单独的部分，但不是什么样的部分。在HTML5了很多新的元素被引入，其中一些是来替换该<DIV>-使用看到文章，新的语义元素挖掘语义标记。
我已经谈到了嵌套元素和事实<p>元素在<DIV>元素嵌套元素的一个例子。
你已经学会了到目前为止：
块元素像广场
内联元素没有与单元相关联的休息
你可以嵌套块元素内的块元素
但你不能嵌套块元素内的内联元素
该段是唯一的块体单元，必须只包含内联元素
目前<DIV>元素作为容器使用，但新的HTML5元素来改变
浙公网安备 33010602011771号