HTML5学习笔记一

HTML5新增的结构元素

<section></section>:表示页面中的一个内容区块,如章节、页眉、页脚或页面中的其他部分。它可以与h1-h6等元素结合起来使用,标示文档结构。

<article></article>:表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章。

<aside></aside>:标示article元素的内容之外的、与article元素的内容相关的辅助信息。

<header></header>:页面中的头部区块。

<hgroup></hgroup>:用于对整个页面或页面中的一个内容区块的标题进行组合。

<footer></footer>:显而易见,这是页脚区块。

<nav></nav>:标示页面的导航链接部分。

<figure></figure>:标示一段独立的刘内容,一般标示文档主题流内容的一个独立单元。使用figcaption元素为figure元素组添加标题。如图所示:

HTML5新增的功能元素

video:定义视频。

audio:定义音频。

embed:插入各种多媒体,格式可以是Midi、wav、aiff、au、mp3等。

mark:主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。

progress:表示运行中的进程,可以用progress来显示javascript中耗费时间的函数的进程。

time:表示日期和时间。

wbr:表示软换行,与br的区别在于当浏览器窗口或父元素宽度不够时换行。

canvas:标示图形,如图表或其他图像,这元素本身没有行为,仅提供一块画布

还有很多例如command、details、datalist、datagrid、keygen、output、source、menu等新增元素,因本人不理解其意思及用法,也不想误人子弟,暂时知道有就行了。

 

 

posted @   琅琊丶  阅读(421)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示