开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情

文章概览

• 块元素和行内元素
• 列表

块元素和行内元素

 网页大致分为两种元素：块元素和行元素，前者是指网页中通过块元素进行的布局，行内元素与布局无关，主要用来包括文字，设置文字的效果。

特点

• 一般会在块元素中放行内元素，但不会在行内元素中放块元素。
• p元素中不能存放任何块元素。
• 块元素中可以放任何元素。

自动修正

• 当浏览器解析网页时，会自动对网页中不符合规定的内容进行修正。
• 标签写在了根元素外面。
• p元素中嵌套了块元素。
• 根元素中出现除head和body之外的元素。

 当然，浏览器不会在代码中进行修正，它只会在加载到的内存中进行修正，那么该如何检查呢？

• 打开chorme工具，element模块就是html源码在内存中的体现。

其他元素

• div 用来表示一个块，可以理解为一个盒子，并没有语义，但是是目前主要的布局元素。
• span span作为行内元素没有任何语义，一般用于在网页中选中文字。

列表

 在html语言中，列表分为三大类：有序列表、无序列表、定义列表。

有序列表

• 使用ol标签来创建有序列表，并使用li表示列表项

<ol>
    <li>a</li>
    <li>b</li>
    <li>c</li>
<ol>

无序列表

• 使用ul来表示无序列表，并使用li来表示列表项

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
<ul>

定义列表

 定义列表主要是用来定义某些东西的。

• 定义列表使用dl标签来创建一个列表，并使用dt来表示定义的内容，使用dd来表示对内容进行解释说明。

<dl>
    <dt>结构</dt>
    <dd>结构表示网页的结构，结构用来规定网页中那些是标题，那些是段落</dd>
 <dl>