文本元素_5

文本元素

HTML5中支持的元素：HTML5元素周期表

h

标题：head

h1_{h6：表示1级标题}6级标题

    <!-- Ctrl + d 连续选择 -->

    <!-- h元素的使用 -->
    <!-- Ctrl + 回车  == 等于换行 -->
    <!-- Ctrl + shift + 回车 == 上边换行 -->
    <!-- h$*6>{$级标题} -->

    <!-- 
    h$*6>{$级标题} 效果

    <h1>1级标标题</h1>
    <h2>2级标标题</h2>
    <h3>3级标标题</h3>
    <h4>4级标标题</h4>
    <h5>5级标标题</h5>
    <h6>6级标标题</h6>   
    -->

p

段落，paragraphs

lorem，乱数假文，没有任何实际含义的文字

span【无语义】

没有语义，仅用于设置样式

span [无语义元素] 语义 就是表示一小段文本 仅用于样式设置
以前：某些元素在显示时会独占一行（块级元素），而某些元素不会（行级元素）
到了HTML5，已经弃用这种说法。

以前的叫法： 某些元素在显示时会独占一行（块级元素）而某些元素不会独占一行（行级元素）
到HTML5已经弃用了 元素代表什么含义 与 显示无关 根据w3C 官方文档的描述
显示由 CSS所决定
这个元素应该代表什么含义 而不是展示效果 可以由CSS决定显示效果

span使用

<p>
        三原色 <span style="color: red;">红</span>、<span style="color: green;">绿</span>、<span style="color: blue;">蓝</span>
</p>   

pre

预格式化文本元素

空白折叠：在源代码中的连续空白字符（空格、换行、制表），在页面显示时，会被折叠为一个空格

例外：在pre元素中的内容不会出现空白折叠

在pre元素内部出现的内容，会按照源代码格式显示到页面上。

该元素通常用于在网页中显示一些代码。

pre元素功能的本质：它有一个默认的css属性

white-space: pre;

显示代码时，通常外面套code元素，code表示代码区域。

来自 渡一教育视频笔记