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> 行内 没有语义
相关推荐
harrain13 小时前
antvG2折线图和区间range标记同时绘制
前端·javascript·vue.js·antv·g2
德育处主任Pro14 小时前
从重复搭建到高效生产,RollCode的H5开发新范式
前端
蜡台14 小时前
SPA(Single Page Application) Web 应用(即单页应用)架构模式 更新
前端·架构·vue·react·spa·spa更新
网络点点滴15 小时前
组件通信-作用域插槽
前端·javascript·vue.js
LZQ <=小氣鬼=>15 小时前
React 图片放大镜组件使用文档
javascript·react.js·前端框架·ecmascript
kyriewen1116 小时前
异步编程:从“回调地狱”到“async/await”的救赎之路
开发语言·前端·javascript·chrome·typescript·ecmascript·html5
早點睡39016 小时前
ReactNative项目Openharmony三方库集成实战:@react-native-clipboard/clipboard
javascript·react native·react.js
Old Uncle Tom16 小时前
Markdown Viewer 再升级
前端
吴声子夜歌16 小时前
JavaScript——数据类型
开发语言·javascript·ecmascript
Luna-player16 小时前
Vue3中使用vue-awesome-swiper
前端·vue.js·arcgis