HTML5-文章分节

最新推荐文章于 2024-09-06 02:00:00 发布
转载 最新推荐文章于 2024-09-06 02:00:00 发布 · 236 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/5c892242e51d4530d9284f30

本文解析了HTML中不同元素的角色，包括section、header、footer、article、aside、address、details及summary，阐述了它们在网页结构中的作用及用法，如details和summary元素的交互展示特性。 
hgrouq     一组标题，只有第一个可以出现在文档大纲中
section    表示一个重要的主题或者概念
header     表示首部
footer     表示尾部
article    表示可独立发布的重要主题或概念
aside      表示周边内容的沾边话题
address    表示文档或文章的联系信息
details，summary  表示一个区域，用户可将其展开了解细节
复制代码
details、summary用法，点击箭头可以展开，挺方便的：
复制代码


转载于:https://juejin.im/post/5c892242e51d4530d9284f30

HTML5+CSS大作业——传统节日--中秋节(5页)
12-01 2597
HTML5+CSS大作业——传统节日–中秋节(5页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTM
HTML5+CSS大作业——传统节日--圣诞节(3页)
12-01 1131
HTML5+CSS大作业——传统节日–圣诞节(3页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ????HTM
浅谈HTML5中分节元素
命运の我手中的博客
11-16 568
1、什么是分节元素 HTML5中的分节元素用于帮助Web开发者组织内容，此类元素从逻辑将文档划分为章节，每一个元素通常以heading元素作为开端，以footer元素作为结束。 HTML5中的4个分节元素如下: 1、<article>元素对应一段独立的分节内容，可以将不同的article分节聚合在一起，并由它们构造成页面。article可以是以下内容： a、一篇杂志或者新闻稿件 b、一...
HTML5一些文章
weixin_30772105的博客
05-09 123
入门基础:http://www.html5china.com/course/list_3_1.html HTML Reference:http://dev.w3.org/html5/html-author/ 基本的框架: <!DOCTYPE html> <html> <head> <title>XXX</title> ...
HTML元素-文档分节
smallpi的博客
04-27 293
HTML文档分节   &lt;!-- 标题 --&gt; &lt;h1&gt;第一级标题&lt;/h1&gt; &lt;h2&gt;第二级标题&lt;/h2&gt; &lt;h3&gt;第三级标题&lt;/h3&gt; &lt;h4&gt;第四级标题&lt;/h4&gt; &lt;h5&gt;第五级标题&lt;/h5&amp
HTML文档分节
失踪女的博客
03-15 441
1、hground元素     用来将几个标题作为一个整体处理     hground{display:block;} 2、section元素     可以明确的生成节并与其标题分开。section元素用来包含的是那种应该列入文档大纲或者目录中的内容。                                                               
HTML5系列文章【1】带你了解html主要标签及属性
风一样的男人
12-05 1952
听说HTML5一直很火，我们公司H5开发任务繁重人员不够，老大就让我也学习H5，帮着打打辅助。H5的东西还是比较多的，要想搞好Html，还有很长的一段路要走。。。那我们就来一步步揭开HTML5的神秘面纱吧。本人也是刚开始学习HTML，遇到不懂的也是各种的在网上搜索，把一些零散的知识点碎片整理起来，如果有总结的不周到之处，还望提出。1、HTML5书写基本格式规范<!-- 1、文档类型声明 --> <!
第01章【HTML5简介】-第04节：HTML结构标签
06-08
在本节课程“第01章【HTML5简介】-第04节：HTML结构标签”中，我们将深入探讨HTML5中的结构元素，这些元素对于构建网页的语义化结构至关重要。HTML5作为现代Web开发的标准，引入了一系列新的标签，旨在帮助开发者更...
html5-标签
02-07
HTML5是现代网页开发的核心，它引入了许多新特性，增强了网页的交互性和表现力。HTML5标签是这一版本的重要组成部分，它们提供了更加语义化的结构，使得网页内容更易于理解和处理。以下是对HTML5标签的详细说明： 1...
HTML5 --- 进阶教程
最新发布
daoliuweisong12的博客
09-06 1723
本教程涵盖了HTML5的多个进阶知识点，包括语义化标签、表单新特性、多媒体、Canvas与SVG、Web Sockets、Web Storage和Geolocation等。通过实战演示，我们深入了解了这些技术的应用场景和具体实现方法。HTML5作为现代网页开发的核心技术之一，不仅继承了HTML4的所有功能，还引入了大量新特性和API，极大地丰富了网页的表现力和交互性。Canvas是一个用于绘制图形的HTML元素，它提供了通过JavaScript和Canvas API来绘制图形、图表、图像等的功能。
文章发布系统
06-01
文章发布系统
html中用作文档分节的元素
bboyjoe的博客
07-08 1284
h1~h6——表示标题； hgroup——表示一组标题，其中只有第一个可出现在文档大纲中； section——表示一个重要的主题或概念（目前Opera和Safari的支持还不够好）； header——表示首部； footer——表示尾部； nav——表示导航元素集合; article——表示可独立发布的重要主题或概念； aside——表示周边内容的一些沾边话题； address——
关于html5的优秀文章
hhy_huang的专栏
07-27 568
http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html
html5 内容区域
u014081297的专栏
04-14 943
1、height:26px; //包括了border和content 与标准w3c 不同？
HTML5系列文章【2】 CSS3概述、语法、各种选择器
风一样的男人
12-09 1353
最近花了一段时间学习了HTML5相关知识，不得不说，HTML的标签及属性等等实在是太多了，如果不经常练习的话，很难做到信手拈来。我们知道HTML负责显示内容，而CSS则负责样式的定义，上篇博文介绍了HTML的一些基本标签及属性，所以今天主要介绍的是HTML5的另一个非常重要的知识点，也就是今天的主角CSS1、CSS概述及作用为html元素去定义样式，能够实现内容 与 表现相分离，提高程序的可重用性和
[前端基础] HTML5 篇
不定期更新 Web 开发及机器学习相关博客
10-30 974
HTML5 是 Web 中核心语言 HTML 的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进。
HTML5区域范围文本框实例页面
weixin_33708432的博客
05-07 433
CSS代码： input { font-size: 14px; font-weight: bold; } input[type=range]:before { content: attr(min); padding-right: 5px; } input[type=range]:after { content: attr(max); padding-left: 5px;} o...
html的区域,HTML5/CSS3系列教程：HTML5 区域(Sectioning)的重要性
weixin_42388176的博客
06-15 246
不管你以前在web页面布局中如何称呼它们 - “区域”还是“块”，我们一直都在布局中将页面分成可视的不同区域。但真正的问题在于我们并没有使用任何正确的工具来实现。一般情况下我们使用典型的网格来划分页头，页面主题，页尾等等区域来实现所谓的页面布局。在过去的很多年以来，我们都使用DIV来帮助我们划分页面区域，而为此我们定义了很多class来帮助我们有效定义页面上的每一个层次，最新的HTML5最终帮助我...
hgroup元素的使用
酷小亚
09-25 2797
hgroup元素用于将多个标题（主标题和副标题或者子标题）组成一个标题组，通常它与h1~h6元素使用。通常，将hgroup元素放在header元素中。 效果图： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>hgroup元素的使用</title> </head> <body> <header> <hgr
HTML5开发实践指南-涵盖最新Web开发技术
* section元素：定义文档的分节 * article元素：定义独立的文章 * aside元素：定义相关信息 * footer元素：定义文档的脚部信息 三、HTML5多媒体支持 HTML5提供了多种多媒体支持，包括： * video元素：播放视频 * ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值