首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在<li>标签之间放置<h2>标签在语义上是否不正确?

在语义上,将<h2>标签放置在<li>标签之间并不是不正确的,但这取决于您想要表达的内容。<h2>标签表示一个二级标题,而<li>标签表示一个列表项。如果您想要在列表中包含一个二级标题,那么将<h2>标签放置在<li>标签之间是完全可以的。

例如,以下代码是完全有效的:

代码语言:html
复制
<ul>
  <li>
    <h2>列表项1</h2>
    <p>这是列表项1的描述。</p>
  </li>
  <li>
    <h2>列表项2</h2>
    <p>这是列表项2的描述。</p>
  </li>
</ul>

然而,如果您想要在一个列表项中包含一个二级标题,那么应该将<h2>标签放置在<li>标签内部,而不是将其放置在<li>标签之间。例如:

代码语言:html
复制
<ul>
  <li>
    <h2>列表项1</h2>
    <p>这是列表项1的描述。</p>
  </li>
  <li>
    <h2>列表项2</h2>
    <p>这是列表项2的描述。</p>
  </li>
</ul>

在这种情况下,将<h2>标签放置在<li>标签内部是正确的。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress 主题教程 #6:侧边栏

- 开始无序列表 - 结束无序列表 第3步:给这个无序列表添加原属 增加一个列表元素(LI)到无序列表(UL)的中间并把一个子标题添加到这个列表中。 注意添加制表符到 和 标签之前为了代码缩进。 - 开始列表元素 - 开始子标题 - 输出字符 Categories - 结束子标题 - 结束列表条目 保存 index.php 文件并刷新浏览器。...& - 每次增加另一个参数的时候,需它之前要输入 & 用来把和现有的参数区分开。如 & - sort_column 和 optioncount之间。 为什么不把 放入 和 标签中呢? 当我们使用 wp_list_cats() 这个函数调用链接列表函数的时候,它会自动附上一组 和 (列表条目)标签在每个链接的左右。

1K40
  • 从零开始学 Web 之 CSS(四)CSS初始化、定位、overflow、标签规范

    如果没对CSS初始化往往会出现浏览器之间的页面差异。...为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。...h1可以包含p,div等标签(一般不这样)。 行内元素尽量包含行内元素,行内元素不要包含块元素。 ? ---- 五、规避脱流 尽量使用标准流。 标准流解决不了的使用浮动。 浮动解决不了的使用定位。...元素放置父元素的基线上。 sub: 垂直对齐文本的下标。...super: 垂直对齐文本的上标 top: 把元素的顶端与行中最高元素的顶端对齐 text-top: 把元素的顶端与父元素字体的顶端对齐 middle: 把此元素放置父元素的中部。

    1.3K30

    HTML5学习(五):基础标签(一)

    1 基础标签 H系列标签(Header 1 ~ Header 6) 给文本添加标题语义,被它包裹的内容会独占一行,并且一个页面只有一个h1标签 #### 最大 ####</...每个h5页面只有一个h1标签 P标签 用来表示一个段落,也会独占一行 ##### Hr标签(Horizontal Rule) 浏览器显示一条分割线 Hr标签的注意点...: HTML 与 XHTML 之间的差异 HTML 中, 标签没有结束标签。.../One.png) br标签 作用:换行,表示没有描述完的换行。并不是真正的换行 可以多写几个br标签 ,此标签在企业开发一般很少使用,如果明确换行可以使用标签。...a标签 作用 : 控制页面与页面之间跳转的 展示内容 此内容点击后会跑到页面最上面 经常我们看到网页有回到顶部的按钮

    82630

    HTML学习笔记一

    (文档内容),标签之间的文本代表可见的网页文档内容,代表一级标题,代表一个内容段落 HTML标题:~ HTML中,分为六级标题,第六级标题就是和普通文本同效力... 一级标题 二级标题 三级标题 四级标题 五级标题 ...HTML段落: 一个段落标签内容,都会是一个段落内容,可以有多个段落 HTML换行: HTML中,可以使用该标签在文本中换行显示 HTML链接: HTML文档中URL格式的连接都是利用...> 无序列表是一个以“粗圆点”为序的项目列表;始于标签,每一个列表始于 一 二 type属性:...target) href:指的是链接的目标地址URL;target:指的是打开目标链接的方法(新窗口或本页显示) 标签元素: 定义HTML文档与外部资源之间的关系

    2.5K11

    HTML入门与进阶以及HTML5_html 菜鸟教程

    一般标签可以开始符号和结束符号之间插入其他标签或文字。 自闭合标签由于没有结束符号,不能插入其他标签或文字,只能定义自身的属性。...框架可以完全由设计者定义宽度和高度,并且可以放置一个网页的任何位置,这极大地扩展了框架页面的应用范围。...实际开发过程中,很多人由于对标签语义不熟悉,常常用某一个标签代替另外一个 签来实现某些效果。 举例: <!...并且从搜索引擎优化的角度来说,h1、h2、h3和h4这4个 标签会被赋予一定的权重,而h5和h6的权重跟普通标签差不多,SEO优化上意义不大。...2.h1~h6之间不要出现断层 搜索引擎对hl ~ h6标签比较敏感,尤其是hl和h2。一个语义良好的页面,hl ~ h6 应该是完整有序而没有出现断层的。

    4K20

    HTML入门与进阶以及HTML5

    一般标签可以开始符号和结束符号之间插入其他标签或文字。 自闭合标签由于没有结束符号,不能插入其他标签或文字,只能定义自身的属性。...框架可以完全由设计者定义宽度和高度,并且可以放置一个网页的任何位置,这极大地扩展了框架页面的应用范围。...实际开发过程中,很多人由于对标签语义不熟悉,常常用某一个标签代替另外一个 签来实现某些效果。 举例: <!...并且从搜索引擎优化的角度来说,h1、h2、h3和h4这4个 标签会被赋予一定的权重,而h5和h6的权重跟普通标签差不多,SEO优化上意义不大。...2.h1~h6之间不要出现断层 搜索引擎对hl ~ h6标签比较敏感,尤其是hl和h2。一个语义良好的页面,hl ~ h6 应该是完整有序而没有出现断层的。

    3K30

    HTML入门与进阶以及HTML5

    一般标签可以开始符号和结束符号之间插入其他标签或文字。 自闭合标签由于没有结束符号,不能插入其他标签或文字,只能定义自身的属性。...框架可以完全由设计者定义宽度和高度,并且可以放置一个网页的任何位置,这极大地扩展了框架页面的应用范围。...实际开发过程中,很多人由于对标签语义不熟悉,常常用某一个标签代替另外一个 签来实现某些效果。 举例: <!...并且从搜索引擎优化的角度来说,h1、h2、h3和h4这4个 标签会被赋予一定的权重,而h5和h6的权重跟普通标签差不多,SEO优化上意义不大。...2.h1~h6之间不要出现断层 搜索引擎对hl ~ h6标签比较敏感,尤其是hl和h2。一个语义良好的页面,hl ~ h6 应该是完整有序而没有出现断层的。

    4.8K30

    CSS

    div , #text , .title{ background:red;} 通配选择器 *{ } -> div,ul,li,p,h1,h2….{} 注:尽量避免使用通配选择器...#list > li{border:1px solid red;} 兄弟 M ~ N { } 当前M下面的所有兄弟N标签 div ~ h2{backgroun:red;} /* h2标签在div标签的下面...*/ 相邻 M + N { } 当前M下面相邻的N标签 div + h2{backgroun:red;} 属性选择器 div[class]{background:red;} div[class=box...如:div,p{}=div{}=p{} 标签分类 按类型 ​ block : div、p、ul、li、h1 … 独占一行 支持所有样式 不写宽的时候,跟父元素的宽相同。...: span 、a、em、strong、img … 贴在一起的 有些样式不支持,例如:width、height、margin、padding 不写宽的时候,宽度由内容决定 所占的区域不一定是矩形 内联标签之间会有空隙

    98110

    【融职培训】Web前端学习 第2章 网页重构2 常用的html标签

    1 一级标题标签 2 二级标题标签 3 三级标题标签 4 四级标题标签 5 五级标题标签 6 六级标题标签...副标题可以使用h2标签。文章中的小标题,我们可以使用h3或h4标签。分别表示三级标题和四级标题。h5和h6这种更低级的标题,用到的情况不是特别多。...实际开发中,我们经常会将超链接放在列表中,代码如下: 1 2 百度 3 <a href...div标签 div标签在网页中没有明确的语义,可以说它是一个【无语义标签】,div标签常常用来作为一个容器存放其他标签,是一个很重要的布局工具,在后续的章节中,我们会经常使用它,本节大家只做了解即可。...class属性可以将HTML标签分类,我们可以通过box属性找到所有class值为box的HTML标签。 四、课后练习 将本节学习到的所有标签在一张网页中展示出来。

    61510

    Web前端学习 第2章 网页重构2 常用的html标签

    1 一级标题标签 2 二级标题标签 3 三级标题标签 4 四级标题标签 5 五级标题标签 6 六级标题标签...副标题可以使用h2标签。文章中的小标题,我们可以使用h3或h4标签。分别表示三级标题和四级标题。h5和h6这种更低级的标题,用到的情况不是特别多。...实际开发中,我们经常会将超链接放在列表中,代码如下: 1 2 百度 3 <a href...div标签 div标签在网页中没有明确的语义,可以说它是一个【无语义标签】,div标签常常用来作为一个容器存放其他标签,是一个很重要的布局工具,在后续的章节中,我们会经常使用它,本节大家只做了解即可。...class属性可以将HTML标签分类,我们可以通过box属性找到所有class值为box的HTML标签。 四、课后练习 将本节学习到的所有标签在一张网页中展示出来。

    66600

    标签

    标签:只有一个标签,自己闭合自己 标签标签之间的关系: 嵌套关系:一个标签包含另外一个标签,他们之间构造父子关系。...并列关系:两个标签并列,他们构造兄弟关系。 注意:将来书写代码的时候如果两个标签之间的关系是嵌套关系,最好通过代码直接反映出来(子元素相对于父元素有一个缩进)。如果是并列关系,最好要有对齐。...h系列的标签(Header):h1,h2,h3,h4,h5,h6 作用:把页面上的文字加上标题的语义。 h1,h2,h3,h4,h5,h6:将文字放大,加粗.并且逐渐变小。(h1标签是最大的。)...注意:a标签之内必须要写上文字,如果没有,那么这个标签在页面上找不到。 1.可以跳转到另外的页面。 2.可以不跳转(跳转到当前页面)href=”#” 3.可以在当前页面进行定位。       ...无序列表 ul li 有序列表 ol 自定义列表 dl dt dd

    58330
    领券