首页 > 软件开发 > HTML >

Html5基础之H标签详解

来源:互联网 2023-03-16 19:12:23 146

在编写Html5的时候你会遇到H系列的标签,今天来详解一下。fP3办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • html

方法/步骤

  • 1

    H系列标签(Header1-Header6)fP3办公区 - 实用经验教程分享!

    有6个分别是从h1>---h6>.fP3办公区 - 实用经验教程分享!

    格式:h1>XXXX/h1>fP3办公区 - 实用经验教程分享!

    Html5基础之H标签详解fP3办公区 - 实用经验教程分享!

  • 2

    我们将标签随意摆放来观察效果fP3办公区 - 实用经验教程分享!

    Html5基础之H标签详解fP3办公区 - 实用经验教程分享!

  • 3

    效果:fP3办公区 - 实用经验教程分享!

    被H系列1-6包含的会独占一行,并且表达加粗效果,H1最大,H6最小fP3办公区 - 实用经验教程分享!

    Html5基础之H标签详解fP3办公区 - 实用经验教程分享!

  • 4

    规范:fP3办公区 - 实用经验教程分享!

    在企业开发中,一定要慎用H系列的标签,特别是H1标签。在企业开发中一般情况下,一个界面中只能出现一个H1标签(SEO相关)。fP3办公区 - 实用经验教程分享!

    我们来看下网易的主页,查看源代码后查找h1>,看只有一个fP3办公区 - 实用经验教程分享!

    Html5基础之H标签详解fP3办公区 - 实用经验教程分享!

  • 5

    假如你写一个超过h1-h7之间的,我们来看看会有什么效果。fP3办公区 - 实用经验教程分享!

    浏览器是解析不了他的。所以没有什么效果fP3办公区 - 实用经验教程分享!

    Html5基础之H标签详解fP3办公区 - 实用经验教程分享!

    Html5基础之H标签详解fP3办公区 - 实用经验教程分享!

  • 5相关内容未经许可获取自百度经验
  • 注意事项

    • 注意H系列标签是双标签不能写成但标签

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!fP3办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码