html5中section元素的使用方法

最新推荐文章于 2024-07-02 10:09:41 发布
最新推荐文章于 2024-07-02 10:09:41 发布
阅读量7k 收藏 4
点赞数
分类专栏： # html 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cherishSpring/article/details/52046076
版权
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>section元素的使用方法</title>
    </head>
    <body>
        <!--不推荐没有标题的内容使用section元素
            轮廓工具：https://gsnedders.html5.org/
        -->
        <section>
            <h1>这是一个section元素</h1>
            <p>这是一个内容区域</p>
            <section>
                <h2>A</h2>
                <p>A的内容</p>
            </section>
            <section>
                <h2>B</h2>
                <p>B的内容</p>
            </section>
        </section>
        
        <hr>
        <article>
            <h1>产品</h1>
            <p>详细产品列表</p>
            <section>
                <h1>产品A</h1>
                <p>产品A的介绍</p>
            </section>
            <section>
                <h2>产品B</h2>
                <p>产品B的介绍</p>
            </section>
        </article>
        
        <hr>
        <section>
            <h1>产品</h1>
            <p>产品的种类列表</p>
            <article>
                <h2>产品A</h2>
                <p>产品A的介绍</p>
            </article>
            <article>
                <h2>产品B</h2>
                <p>产品B的介绍</p>
            </article>
        </section>
    </body>
</html>

cherishSpring
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
「HTML和CSS入门指南」section 标签详解
a451319296的博客
06-08 7085
section 标签是一个重要的标签，用于表示文档中的一个区域或节。在使用 section 标签时，请注意选择正确的属性和方法、语义化和嵌套，并避免兼容性问题。
HTML5 section元素
weixin_47463535的博客
11-25 569
1.section元素对网站或应用程序中的页面上的内容进行分块， 2.section元素通常由内容或者标题组成 3.section元素并非一个普通的容器元素，当一个容器需要被直接定义或者通过脚本定义行为是，推荐使用div而非section <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body
Html5中的＜section＞标签
郑在努力~
07-23 9919
本文导读： 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成，但section元素标签并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。 section 字面上理解为“块”，“部分”，section元素代
HTML5 ＜section＞ 元素
最新发布
csdout214的博客
07-02 528
section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。根据W3C HTML5文档: section 包含了一组内容及其标题。
html界面出现 section,如何在HTML5中正确使用“ section”标签？
weixin_42414947的博客
06-09 1446
标记的正确方法是什么？从技术上讲，两者都是正确的。我要说的是，这两个示例看起来都不正确……但是很难用纯文本而不是真实上下文来说明，因为是语义标记，而不是像这样的通用包装。您当然不应该有两个具有相同ID的元素(section或其他)。答案是在当前规范中：The section element represents a generic section of a document orapplicati...
<section></section>标签
zhuwenyi的专栏
08-04 3429
标签的用法 由于昨晚发了一篇文章 ，有一个网友评论问 的用法。所以现在举例来说明一下： html5引入了标签，用于描述文档的结构，它同标签的意思一样。但是在特定环境中，两者又有明显的区别。 w3对的定义是：定义一个文档的章节(可以拥有自己的和)。 w3对的定义是: 定义一个文档的章节。（但似乎更适合用于外层的布局，缺少语义性。） 比如看一个案例：
html5 section,HTML5 <section> 标签
weixin_31766871的博客
06-23 98
实例html>html(html.cn)WWFTheWorldWideFundforNature(WWF)isaninternationalorganizationworkingonissuesregardingtheconservation,researchandrestorationoftheenvironment,formerlyname...
HTML5中的Article和Section元素认识及使用
09-28
HTML5的Article和Section元素是两种用于网页结构化的新元素，它们旨在提高内容的语义性和可读性，使得搜索引擎和屏幕阅读器更好地理解和呈现网页内容。这两个元素虽然容易混淆，但它们各自有着明确的使用场景。 ...
深入浅析HTML5中的article和section的区别
12-14
在HTML5中，`<article>` 和 `<section>` 都是用来组织内容的结构化元素，但它们有着不同的语义和用途。理解它们的区别是构建语义化、结构化的网页的关键。 1. `<article>` 元素： - `<article>` 用于表示文档、...
什么是<section>标签
Albaficahan的博客
02-15 1784
标签就是文章中的区，段。 比如章节、页眉、页脚或文档中的其他部分。
html section 布局,HTML：<section>标签
weixin_39603505的博客
06-11 1000
标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。 标签是 HTML5 中的新标签。注意：section不是通用容器元素。如果仅仅是用于设置样式或脚本处理，应用div元素。一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。html5：section标签和div标签的区别：section不是一个专用来做容器的标签，专用的是div。section里应该有...
html5知识点补充—section元素的使用
weixin_33716154的博客
08-25 229
使用section元素对内容分组 section元素是一个总是需要标题的内容区域或页面区域。可以用它将多个部分的内容组合在一起，也可以根据需求，将内容的某一部分进一步划分。它不可用作通用封装器来实现样式上的需求。section元素中可以包含article元素，并且article元素也可以将其内容分割为section。 <sectio...
HTML5-列表、表格、媒体元素、页面结构分析
qq_61727355的博客
08-20 437
1）什么是列表 列表就是信息资源的一种展现形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息 2）列表的分类 无序列表、有序列表、自定义列表 1）为什么使用表格 简单便用 结构稳定 2）基本结构 单元格 行 列 跨行 跨列 3）表格标签 table：表格标签 tr：行标签 td：列标签 colspan：跨列属性，其值代表跨列个数 rowspan：跨行属性，其值代表跨行个数
HTML5结构标签
GUIDM的博客
04-30 1849
GUIDM在这里祝大家节日快乐！ 博主有话说：我没有很系统的学过前端，如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。 个人主页：GUIDM的主页 内容专栏：HTML5干货系列 此块内容为纯纯的干货，略显乏味枯燥，是笔记向的blog。如果觉得还不错，希望你可以一键三连，非常感谢。 官方解说：使用结构标签可以提升网页文档的可读性，并有利于搜索引擎优化。 GUIDM解说：格局打开，咱能用则用。 1、<section></section>: 定义文档中的节.
HTML5中section由什么组成,html5中section元素详解
weixin_29432421的博客
06-15 2298
html5中section元素详解一、总结一句话总结：section元素 用来定义文章中的章节(通常应该有标题和段落内容)section元素的作用就是给内容分段，给页面分区1、section元素 和 div元素的区别是什么？div强调在形式上的独立性，section强调的是内容上的独立性，注意它的语义。section可以看做 2、article元素和section元素的区别是什么？article元...
html5中的div和section，article，aside的用法
qq_38922435的博客
05-27 8388
最近在学习html5，关于section和div还有article的理解非常模糊，于是查了些资料终于对section和div还有article的区别有了些自己的理解。怕以后忘记，记录下来。第一点：&lt;section&gt; 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其...
HTML5中section标签与content标签的区别
Joy_Yue的博客
11-06 7859
section content border 1px solid #bbb
HTML5段落标签的效果,HTML5标签：section元素的使用方法及作用
weixin_39609573的博客
06-04 1053
html元素中section标签是html5中新增的标签，主要用于定义文档页面中“节”或“段”的区块，下面，我们就详细了解一下 标签的使用方法及作用。 标签定义 标签定义的是页面中的节或段的区块； 标签定义的内容区块通常由标题和内容两部分组成； 标签定义页面的某个区块，可以是章节、区段、头部页眉、底部页脚或页面其他区块； 标签在一个页面中可以出现多次，表示一组相似的主题内容区块； 标签是 HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值