HTML5标签+基础特性

Django~溪风

已于 2022-10-07 08:33:52 修改

阅读量1.5k

点赞数 1

分类专栏：前端文章标签： html5 html 前端

于 2022-10-02 17:26:40 首次发布

本文链接：https://blog.csdn.net/Django_/article/details/127141374

版权

一、HTML5特性之：空白折叠现象；
1、文字和文字之间的多个空格、换行会被折叠成一个空格；
2、标签内壁和文字之间的空格会被忽略

1/1
2/2黑线所演示的空格单位并未出现在浏览器中

此为空白折叠现象

二、HTML之转义符

<p>空格:&nbsp;</p>

    <p>小于号:&lt;</p>
    <p>大于号：&gt;</p>
    <p>&符号：&amp;</p>
    <p>双引号：&quot;</p>
    <p>版权符号：&copy;</p>
    <p>注册商标：&reg;</p>

    <h2>使用场景：如何在网页中显示源代码，验证</h2>
    显示p标签：&lt;p&gt; &lt;/p&gt;

div容器标签— >> 分隔内容，将模块隔离开，会结合css使用，实现网页的布局，像一个容器，什么都能容纳

无序列表

<!-- 无序列表使用场景，
    <!-- 1、导航栏，大大小小能看到的导航栏里基本上 都会使用ul---li--->标签布局 -->
<!-- 2、各种页面list列表 3、基本常见网站导航，列表页都会使用ul li无序列表标签 --> -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>无序列表ul标签</title>
  </head>
  <body>
    <h1>无序列表--ul li</h1>
    <p>
      无序列表是一个父子组合标签，上阵父子兵，不能单独出现,可以嵌套，
      但是ul的子标签只能是li，而li标签中是可以放任何标签,li标签不能单独使用
    </p>
    <p>&lt;ul&gt; &lt;li&gt; &lt;/li&gt; &lt;/ul&gt;</p>
    <ul>
      -->父标签
      <li>--子标签</li>
    </ul>
    <ul>
      <li>HTML/html5</li>
      <li>css/css3</li>
      <li>javascript/es6~es13</li>
      <li>web app</li>
    </ul>
  </body>
</html>

无序列表中的type属性已经废除，可以使用css样式代替
有序列表：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <