
欢迎关注路条编程的公众号,通过学习HTML&HTML5基础知识这一系列文章,你将会逐步掌握 Web 开发的基础知识。
今天我们要讲的是 HTML 语言中常用的 div 元素。<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。
<div> 无语义元素,主要用于代分页面版块,具体语法释义如下:
<div class="样式名" style="样式"></div>
<div> 块级标签特点:
<div> 块级标签用法:
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作页面的排版工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。<div> 就像其他非自动关闭的元素一样,你可以用 <div> 开始一个 div 元素,然后用 </div> 结束。<div> 标签可以根据需要设置 id 或 class 属性,不必为每个 <div> 标签添加 id 或 class属性,可以对同一个 <div> 标签设置 id 和 class 属性。id 只能使用在同一页面的一个元素中,在同一页面必须保证唯一。class 可以用于同一类的多个元素。例如正文部分有多个段落,每个段落都有相关的字体,行间距。可以通过 p 元素下的 class 进行指定。我们之前文章中介绍的各种元素,基本上都是包含在 div 元素里的。以下为之前介绍的文档主结构,代码如下:

如上图所示,body 正文体内,除了<span id="pageTop" name="pageTop"></span> 标签与 <div class="layout"> 平级外,header 、 nav、 article、 footer 等标签都包含在 <div>标签内容。
今天就讲到这里,如果有问题需要咨询,大家可以直接留言或扫下方二维码加入学习社群,我们会尽力为你解答。



作者:路条编程(转载请获本公众号授权,并注明作者与出处)