广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >html5 <section>元素标签怎么用
  • 740
分享到

html5 <section>元素标签怎么用

2024-04-02 19:04:59 740人浏览 独家记忆
摘要

这篇文章主要为大家展示了“HTML5 <section>元素标签怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5 <sectio

这篇文章主要为大家展示了“HTML5 <section>元素标签怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5 <section>元素标签怎么用”这篇文章吧。

在HTML5中新增长<section>标签。

一、section先容与语法结构

section英文翻译为:
部份、段、截面、章节、章、分段等含意

html5 section元素显现页面中的一个内容区,譬喻章节、页脚、页眉或网页中另外部分组织。section或是配合h2、h3、h4、h5、h6等问题标签一起使用,闪现组织文档的结构。

语法:

<section>模式</section>

section是一对以<section>最早,以</section>闭合的元素标签。

二、section运用说明

section和早年DIV、P等元素标签一样语法用法,只不过在HTML5可以或许使用新增的结构元素标签。

<section>一样兴许使用id与class,在DIV CSS组织中异样大约对section标签设置装备摆设富厚CSS格式。

如:

<section id=”abc”>形式</section>
<section class=”bcd”>模式</section>

HTML5结构文章内容时分兴许恰当使用。

兼容IE8以上浏览器、Google涉猎器、苹果浏览器等干流阅读器

三、html5 section容易示例

1、实例残缺源代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>section 实例 CSS5</title>
<style>
.abc{ color:#F00}
</style>
</head>

<body> <section> <h2>主题一</h2> <p>文章模式CSS妙技上CSS5网 ...</p> </section> <section class="abc"> <h3>主题二</h3> <p>DIV CSS妙技进修上CSS5网 ...</p> </section> </body> </html>

2、section标签使用截图

html5 <section>元素标签怎么用

以上是“html5 <section>元素标签怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!

--结束END--

本文标题: html5 <section>元素标签怎么用

本文链接: https://www.lsjlt.com/news/89000.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • html5 <section>元素标签怎么用
    这篇文章主要为大家展示了“html5 <section>元素标签怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5 <sectio...
    99+
    2022-10-19
  • HTML5中的<section>标签怎么用
    这篇文章主要介绍“HTML5中的<section>标签怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5中的<section>标...
    99+
    2022-10-19
  • HTML5 <article>标签元素怎么用
    这篇文章主要介绍HTML5 <article>标签元素怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 一、html article简介与语法结构 article...
    99+
    2022-10-19
  • html中<dl> <dt> <dd> 标签元素怎么用
    这篇文章主要介绍了html中<dl> <dt> <dd> 标签元素怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家...
    99+
    2022-10-19
  • HTML中的<sup>与<sub>标签元素怎么用
    这篇文章给大家分享的是有关HTML中的<sup>与<sub>标签元素怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 包含在 <sup>...
    99+
    2022-10-19
  • html的<span>元素标签怎么使用
    今天小编给大家分享一下html的<span>元素标签怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获...
    99+
    2022-10-19
  • html的<div>标签元素怎么使用
    今天小编给大家分享一下html的<div>标签元素怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,...
    99+
    2022-10-19
  • html中的<html>标签元素怎么用
    这篇文章主要介绍html中的<html>标签元素怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、用法:    -   TOP在HTM...
    99+
    2022-10-19
  • html中上标<sup>与下标注<sub>标签元素
    这篇文章将为大家详细讲解有关html中上标<sup>与下标注<sub>标签元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、结构语法 &nbs...
    99+
    2022-10-19
  • html中<p>段落标签元素怎么用
    这篇文章主要介绍了html中<p>段落标签元素怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 一、html <p&...
    99+
    2022-10-19
  • Html中<form>表单标签元素怎么用
    这篇文章主要介绍Html中<form>表单标签元素怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Html form 表单区域标签元素一、Form表单区域标签语法与结...
    99+
    2022-10-19
  • HTML中<body>内容元素标签怎么用
    这篇文章将为大家详细讲解有关HTML中<body>内容元素标签怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、语法与结构:    ...
    99+
    2022-10-19
  • html中<img>图片标签元素怎么用
    这篇文章将为大家详细讲解有关html中<img>图片标签元素怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、语法与结构:    -...
    99+
    2022-10-19
  • HTML中<i>斜体标签元素怎么用
    这篇文章主要介绍了HTML中<i>斜体标签元素怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、html斜体语法与结构: ...
    99+
    2022-10-19
  • html中<style>样式标签元素怎么用
    这篇文章主要为大家展示了“html中<style>样式标签元素怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html中<style>...
    99+
    2022-10-19
  • HTML中<Br />换行元素标签怎么用
    这篇文章主要为大家展示了“HTML中<Br />换行元素标签怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML中<Br />换...
    99+
    2022-10-19
  • HTML5的<canvas>标签怎么用
    这篇文章主要介绍“HTML5的<canvas>标签怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5的<canvas>标签怎么用...
    99+
    2022-10-19
  • HTML中<u>下划线标签元素怎么用
    这篇文章主要介绍HTML中<u>下划线标签元素怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!HTML <u>下划线标签元素一、语法与结构  &...
    99+
    2022-10-19
  • HTML5中的<mark>标签怎么用
    这篇文章给大家分享的是有关HTML5中的<mark>标签怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML5<mark...
    99+
    2022-10-19
  • html的<hr>水平线标签元素怎么使用
    这篇文章主要介绍“html的<hr>水平线标签元素怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“html的<hr>水平线标签元素怎么...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作