HTML 基础知识点

HTML 元素

P1.

问题描述	HTML 结构标记有哪些；与 div 有什么异同点
答：	1. <header>，<nav>，<main>，<article>，<section>，<aside>， <details>，<summary>，<mark>，<figure>，<figcaption>，<time>，<footer> 2. 相同点：同样都是用来做布局的 3. 不同点：结构标记（语义化标签） 比起 盒模型（div） 提高了语义性和可读性

P2.

问题描述	常见的 行内元素，块级元素 和 空元素有哪些
答：	1. 块级元素 ○ 占据一整行 ○ 默认宽度为 100% ○ 可以容纳：块级元素，内联元素 和 空元素 ○ display: block; ○ 垂直方向的外边距会合并 ○ div，ul，li，p，h1~h6 2. 行内元素 ○ 和其他元素都在一行上 ○ 宽度由内容决定 ○ 可以容纳：行内元素 和 文本 ○ display: inline; ○ 只有水平方向内外边距有效；垂直方向内外边距无效 ○ a，b，span，img，input，label，button 3. 空元素 ○ 不存在子节点的元素，即没有内容的元素 ○ 单标签元素 ○ br，hr，meta，link，input，img