section元素

最新推荐文章于 2024-04-05 00:49:29 发布
最新推荐文章于 2024-04-05 00:49:29 发布
阅读量3k 收藏 11
点赞数 1
分类专栏： HTML 文章标签： section元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ziy10231207/article/details/51879235
版权

section元素对于网站或者应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成，但是section 元素不是一个普通的容器元素，当一个容器需要被直接定义样式或者脚本定义行为时，推荐使用div而不是section //section元素中的内容可以单独存储到数据库或者输出到word文档中

   通常不推荐没有标题的内容使用section元素，可以使用HTML5轮廓工具来检查页面中是否有没标题的section(检查后，section的说明中含有“untitiled section”文字，则这个section可能使用的不恰当)，但是nav和aside元素没有标题是可以的

   对文章分段的工作也是通过section元素进行的

包含article元素的section示例：

    在HTML5中，article元素可以看成是一种特殊种类的section元素，它比section元素更加强调独立性，section元素强调分段或者分块，但是article元素更加强调独立性

   如果一块内容比较的完整和独立的时候，可以使用article元素，但是你如果想将一块捏哦让那个分成几段的时候，应该使用section元素

  在html5中，div元素变成了一种容器，当使用css样式的时候，可以对这个容器进行一个总体的css样式的套用

  在HTML5中，可以将一个页面的从属部分，譬如导航条，菜单，版权说明等包含在一个同意的页面中，以便统一使用css样式进行装饰

section 元素的使用禁忌如下：

不要将section元素用作设置样式的页面容器，那是div的工作；    

如果article元素或者aside元素或者nav元素更符合使用条件，不要使用section元素；

不要为没有标题的内容区块使用section元素；


会飞的蜗牛haha
关注
专栏目录
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中的Article和Section元素认识及使用
09-28
首先，Section元素通常用于组织文档的大块内容，它可以包含多个相关的内容片段，比如章节、页眉、页脚或者其他的<section>元素。Section元素的目的是为网页创建一种逻辑结构，而不是仅仅为了样式或脚本便利。在上面...
1-2、section元素
anphygvyti09102的博客
07-02 112
示例一： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>section</title> </head> <body> <section> <h1>哈密瓜</...
section元素的使用
酷小亚
09-24 3133
section元素用于网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。 效果图： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>section元素的使用</title> </head> <body> <article> <header> <h2>小
HTML section元素
歪脖先生的博客
03-31 658
section元素section元素代表文档或应用的一个一般的区块，一个区块通常是具体相同主题的一组内容通常会包含一个标题元素（h1~h6），通过标题元素来确定一个区块的主题。如：&lt;article&gt;    &lt;header&gt;        &lt;h1&gt;The Very First Rule of Life&lt;/h1&gt;        &lt;p&gt;&lt;...
Html5中的＜section＞标签
郑在努力~
07-23 9934
本文导读： 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。section元素标签用来表现普通的文档内容或应用区块。一个section通常由内容及其标题组成，但section元素标签并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。 section 字面上理解为“块”，“部分”，section元素代
book.xslt section元素
03-14
编写book.xslt文档，要求在book.xml中打印出所有的section元素（包括属性）及其title子元素（并且保持section元素之间的嵌套关系）；输出结果如下：
第04章 section元素
04-23
`<section>`元素通常用于定义文档、页面或应用中的独立区域，这些区域通常有自己的标题（尽管标题不是必须的）。例如，章节、页眉、页脚或者一些自包含的内容块都可以用`<section>`来表示。每个`<section>`都应该是...
12.2section元素
qq_45130472的博客
08-08 148
<article> <h1>北京</h1> <p><b>中国</b>的首都</p> <section> <h2>长安街一</h2> <p>天安门的那条街</p> </section> <section> <h2>长安街二</h2> <p>天安门的那条街</p> &lt
2.10.2 section元素
weixin_30532759的博客
06-19 63
section元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>section元素</title> </head> <body> <span>section元素强调分块...
Html5之section元素
谁对谁错重要吗的博客
05-16 1351
section元素简介： Section元素用于对网站或应用程序中页面上的内容进行分开，它必须有标题，如果需要定义样式的话，那么必须使用div元素。 Section元素的使用注意事项： 1.不要将section元素作为设置样式的页面容器。 2.如果article、aside、nav元素更符合使用条件，就不使用section元素。 3.没有标题内容，不能使用section元素。 ...
学习HTML5记录-section元素
Heartbeats_m的博客
03-12 454
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;section元素&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;section&gt; &lt;h
html5的Section元素，这些东西，大家可以看下！
limeiyans喜欢编程的那些事
03-09 944
元素和元素我们已经介绍了在过去五页的例子被称为语义HTML。这些元素添加意义内容搜索引擎可以使用它来更好地理解一个页面。这个页面有更多web语义。 W3C说:“元素表示一个通用的部分文件或应用程序。” 它继续说:“元素不是一个通用的容器元素。” 我也很困惑;但是有一个区别。 如果所有你想做的是有不同使用div标记(一个通用容器)和CSS样式。 如果
HTML5之article元素与section元素之间的区别？
最新发布
2401_83974173的博客
04-05 1015
这篇文章很不错啊，对article解释的很详细。
section元素与article元素的区别
doudou_wsx的博客
04-05 1354
1.section元素 （1）代码段 <!DOCTYPE html> <html lang="en"> <head> <meta charset="GBK"> <title></title> </head> <body> <section&gt...
html5知识点补充—section元素的使用
weixin_33716154的博客
08-25 229
使用section元素对内容分组 section元素是一个总是需要标题的内容区域或页面区域。可以用它将多个部分的内容组合在一起，也可以根据需求，将内容的某一部分进一步划分。它不可用作通用封装器来实现样式上的需求。section元素中可以包含article元素，并且article元素也可以将其内容分割为section。 <sectio...
四、section元素与div、article元素的区别
04-30 252
section元素是对网站或应用程序中页面上的内容进行分块，一个section元素通常有标题和内容组成。但section元素并非一个普通的容器元素，当一个容器需要直接定义样式或通过脚本定义行为时，推荐使用div元素而非section元素。我们可以这样理解：section元素中的内容可以直单独存储到数据库中或输出到word文档中。 section元素的作用是对页面上的内容进行分块，或者对...
行内元素，块级元素，行内块元素
佛系小菜鸡的博客
02-04 334
行内元素 不能设置宽度和高度 margin只能设置左右外边距 不会自动换行，不能独占一行 行内元素只能包括文字或行内元素、行内块元素，不能包括块级元素 块级元素 可以设置高度和宽度 可以设置上下左右外边距 块级元素独占一行，当没有设置宽高时，它默认设置为100% .块级元素可以包行内元素、块级元素 多个块状元素标签写在一起，默认排列方式为从上至下 行内块元素 不能独占一行 可以设置高度和...
第一章 用HTML5中的结构元素构建网站
weixin_34190136的博客
05-05 184
1.当一个容器需要直接定义样式或通过脚本定义行为时，推荐使用div元素而非section元素。 2.section是需要标题的，而nav或aside没有标题也是可以的。 3.html5轮廓工具 http://gsnedders.html5.org/outliner/ 4.HTML <header> 标签 是html5中的新标签，表示页眉，如果要产生大纲要加<h1>,要...
HTML5中div、article、section元素语义及使用详解
section元素则引入了更强的语义性，它表示文档或应用程序中的一个逻辑部分，通常包含一个主题或一组相关的段落，并且可以有一个明确的标题。section元素适合用来组织具有独立主题的内容，如章节、对话框中的不同选项...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值