首页 > 其他分享> > HTML标签、语法二

HTML标签、语法二

2022-03-01 11:30:49 作者：互联网

<!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>Document</title>
</head>
<body>
  <header>头部</header>
  <nav>导航栏</nav>
  <main>主体部分
    <a href="#" id="one">a标签</a>
    <a href="wwww.baidu.com" target="_blank">
      <div>可以放进a标签中</div>
    </a>
    <aside>侧边栏</aside>
    <div>块级元素</div>
    <span>行内块元素</span>
    <ul>
      <li>结构
        <ol>
          <li>
            结构
          </li>
        </ol>
      </li>
      <li>形态</li>
      <li>样式</li>
    </ul>
    <dl>
      <dt>内容</dt>
      <dd>描述</dd>
    </dl>
    <!-- 不会报错，但是有语法错误 -->
    <p><h1>我是一个很好的人</h1></p>
  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos architecto at rerum nisi, cupiditate id consequuntur! Itaque non minus, sunt iusto, nisi ad qui fugit quis repudiandae odit ex porro.</p>
  </main>
  <section>独立的区块</section>
  <a href="#one">跳转到id为one的标签位置</a>
  <footer>底部</footer>

</body>

</html>
<h1>我能做好自己</h1>

1.以下标签都是：h5新增，使用不是很多，语义化标签；

header标签：网页的头部；
main标签：网页的主体部分；一个页面中只有一个；
footer标签：网页底部标签；
nav标签：表示网页的导航栏；
aside标签；主体相关部分，表示侧边栏；
article标签：表示独立的文章；
section标签：表示独立的区块；

div和span标签都没有语义；span主要用于选中文字；
dl标签：表示创建一个定义列表，子项dt就表示定义的内容，子项dd表示对内容进行解释说明；
列表与列表之间可以互相嵌套；
语法

在p标签中不能放h1等块级标签，解析的时候会将p标签解析为h1标签前后各有一个p标签；虽然不会显示错误；
当自己写的语法不正确的时候，浏览器会在解析的时，会自动对网页中不符合规范的内容进行纠正；将源码加载到内存以后进行纠正，在浏览器的检查元素中的Elements就是显示了源码在内存里的结构；比如：
a标签是一个块级元素，但是在a标签中可以嵌套除它自身外的任何的元素；
lorem+tab键可以生成一串英文文本；

标签：表示,子项,网页,标签,元素,列表,语法,HTML
来源： https://blog.csdn.net/qq_50563868/article/details/123201659