HTML-基础知识-排版标签,语义化标签,块级元素行内元素,文本标签(二)

1.标题标签

html 复制代码
<body>
  <h1>一级</h1>
  <h2>二级</h2>
  <h3>三级</h3>
  <h4>四级</h4>
  <h5>五级</h5>
  <h6>六级</h6>
</body>

注意:

  1. 不允许互相嵌套。

2.段落标签

html 复制代码
<body>
  <p>我是一个段落</p>
  <p>我是一个段落</p>
</body>

注意:

  1. p标签中不可以有 div p h1~h6

3.语义化标签

标签默认效果不重要,语义最重要。

作用:

  1. 提高代码的可读性
  2. 有利于SEO(搜索引擎优化)
  3. 方便设备解析(屏幕阅读器,盲人阅读器)

4.块级元素行内元素

块级元素特点

独占一行

行内元素特点

不独占一行

规则

块级元素中能写块级元素行内元素

行内元素中可以写行内元素,但不能写块级元素

h1-h6不能互相嵌套

p标签中不能写块元素

5.文本标签

  1. <em></em> 行内 倾斜
  2. <strong></strong> 行内 加粗
  3. <span></span> 行内 没有语义
相关推荐
@––––––12 小时前
力扣hot100—系列8-回溯算法
javascript·算法·leetcode
phltxy12 小时前
Vue核心进阶:v-model深度解析+ref+nextTick实战
前端·javascript·vue.js
三小河12 小时前
React 样式——styled-components
前端·javascript·后端
Hi_MrXiao13 小时前
电脑上安装使用多个版本的谷歌浏览器
前端·chrome
广州华水科技13 小时前
单北斗GNSS变形监测一体机在大坝安全监测中的应用探索
前端
colicode13 小时前
C++语音验证码接口API示例代码详解:高性能C++语音校验接入Demo
前端·c++·前端框架·语音识别
We་ct13 小时前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·leetcode·链表·typescript
Wect13 小时前
LeetCode 92. 反转链表II :题解与思路解析
前端·算法·typescript
Wect13 小时前
LeetCode 138. 随机链表的复制:两种最优解法详解
前端·算法·typescript
像颗糖13 小时前
OpenSpec 和 Spec-Kit 踩了 27 个坑之后,于是我写了个 🔥SuperSpec🔥 一次性填平
前端·后端