HTML中的section
今天做一个安利的时候发现了section标签，她其实有点类似于WPS中的word，今天就对section做一个总结
文章目录
- HTML5中的section
- 一、是什么
- 二、怎么用
- 1、注意
- 2、使用准则
- 三、与div的区别
- 四、案例
HTML5中的section
一、是什么
HTML5中的section标签定义了文档中的节（章节、页眉、页脚、或文档中的其他部分）。
二、怎么用
1、注意
有点像div的作用，可以作为容器使用，但她跟div还不一样，如果仅仅是用于设置样式或脚本处理，专用的是div。
2、使用准则
- 只有元素内容会被列在文档大纲中时，才适合用section元素
- 定义一个文档的章节（可以拥有自己的
<header>和<footer>） - 一般用
<div>标签来布局整个最外层的章，而用<section>用来定义内部的章节。如果把整个文档都看作是一个章节，那么也可以用
来代替
语法格式：<section>内容</section>
三、与div的区别
- section标签和div标签不一样，不是用来定义局域样式的，而是用来定义一个明确的主题，通常含有一个标题（h1~h6）。但如果是文章，通常会使用article标签来代替。
- section标签对页面上的内容进行分块，如各个有标题的板块、功能区或对文章进行分段。
四、案例
<h1>Choosing an Apple</h1>
<section><h2>Introduction</h2><p>This document provides a guide to help with the important task of choosing the correct Apple.</p>
</section><section><h2>Criteria</h2><p>There are many different criteria to be considered when choosing an Apple — size, color, firmness, sweetness, tartness...</p>
</section>
HTML中的section相关推荐
- html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签 我的第一部分有一个容器div, ...
- html5中还有div吗,关于html5中的section标签与div标签的区别（内有实例）
摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...
- 图片在section上下居中_HTML5中的section标签是什么？HTML5中的section标签怎么居中？...
HTML5中的section标签是什么?HTML5中的section标签怎么居中?本篇文章就详细地为大家举出了实例,方便大家的观看,其中的HTML5中section的定义和作用,都有实例在里面.(后面 ...
- html5 section与div,关于html5中的section标签与div标签的区别（内有实例）
本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方可以相互转换都行,但有些地方只能用section或者只 ...
- 汇编中的.section命令及汇编语言程序都至少声明的3个段
汇编语言中最重要的命令之一是.section命令.这个命令定义内存段,汇编语言程序在其中定义元素.所有汇编语言程序都至少具有3个必须声明的段落: ·数据段 ·bss段 ·文本段 数据段用于声明为程序存 ...
- InfoPath中repeationg section动态填充数据
项目后台使用的是基于InfoPath的后台管理系统.后台主要是生成CMS系统需要的XML文件,但是有的内容和其他的内容有关联.为了减少编辑人员的操作难度,所有相关的内容,都需要自定义开发InfoPat ...
- __attribute__中的section的理解
先放一段实际项目用到的程序. #include <stdio.h>#define SEC __attribute__((__section__("ss"), align ...
- h5 中的 section 标签
转自 http://www.studyofnet.com/news/331.html 本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中 ...
- Html中的section标签
section> 标签是 HTML5 中的新标签 块级元素 标签的作用是对页面上的内容进行分块,或者说对文章进行分段,请不要与有着自己的完整的.独立的内容"的article元素混淆. ...
最新文章
- 组成关系映射（注解）
- Hadoop之道--MapReduce之Hello World实例wordcount
- 《NLTK基础教程——用NLTK和Python库构建机器学习应用》——2.3 语句分离器
- 人一生中最大的遗憾应该是什么
- linux下mips裸机编译,裸机交叉编译器输入
- 1.5编程基础之循环控制 17:菲波那契数列--刘昕源-2019-06-23
- MySQL安装错误——Access denied for user 'root'@'localhost' (using password: YES)
- 嘉年华专访 | 我有故事，你有酒吗？
- 自己不能跑的车凭什么叫自行车？B站硬核up主把自行车做成了自动驾驶
- 史上最全phpwind版本，从phpwind1.0到phpwind8所有版本和升级补丁包
- 深度学习caffe--手写字体识别例程（一）——运行手写字体识别例程
- 托管c++ (CLI) String^ 、 std::string 、 std::ostringstream的相互转化
- [动态系统的建模与分析]15_伯德图,bode图，为什么是20logM？分贝又是什么？
- 推荐一款超级好用的工具：uTools详解使用
- Ceph: ceph基础知识
- GoldWave V5.55 绿色汉化版_声音编辑
- indoor是什么意思_indoor是什么意思
- 孩子学习机器人编程究竟有没有用？
- 栈的应用之中缀表达式转后缀
- 人类还能重启超音速旅行吗？