HTML5语义化结构标签(2)

最新推荐文章于 2022-03-18 08:56:19 发布
最新推荐文章于 2022-03-18 08:56:19 发布
阅读量574 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Great_Wow/article/details/104798793
版权

3.页面交互元素

details和summary元素

    details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details 元素的第一个子元   素,用于为details定义标题.标题是可见的，当用户点击标题时，会显示或隐藏details中的其他内容。

progress元素

      用于表示一个任务的完成进度,只表示进度正在进行
      常用属性值:
         ●value: 已经完成的工作量。
         ●max: 总共有多少工作量。.

meter元素

      meter元素用于表示指定范围内的数值

      其常见属性:

 

 

 

最低0.47元/天 解锁文章
拂柳小清风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5语义化结构标签
夏天De风ly
03-02 610
HTML和HTML5又有点区别，在于HTML5更具有结构化，编写代码的识别度更高，同时属性应用也比较的快。具体在于结构化标签的变化。 1.结构元素 header元素 nav元素 article元素 aside元素 section元素 footer元素 header元素：具有引导和导航作用的结构元素，包含通常放在页面头部的内容。<header> 网页主题 ...
语义化结构的标签
weixin_30429201的博客
05-19 378
语义化结构的标签 常见语义化结构标签： 1.header：这个标签表示一个节的头部 hgroup:这个标签表示一组标题 footer:这个标签表示一个节的脚注，可以包含作者，版权等信息 nav:这个标签用于导航链接部分 section:这个标签表示一个通用...
HTML5语义化结构标签(1
Great_Wow的博客
03-11 714
1.结构元素 Header元素 一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容 基本格式:<header> <h1>网页主题</h1> </header> nav元素 用于定义导航链接,可将具有导航性质的链接归纳在一个区域,是页面元...
语义化结构标签
Jemeny的博客
03-01 446
语义化结构标签： section 类似于div,section 更偏向划分区域 article 更偏向于 内容的展示 aside （在一边的，在一旁的，侧边） header 表示内容的头部、网页的头部、头部区域 footer 表示网页的底部、内容的底部、底部区域 nav 导航连接、导航区域 figure 表示一块独立的内容 figcap...
html5语义化标签以及使用标准
01-20
HTML5语义化标签是为了增强网页内容的结构和可读性，它们的引入是为了更好地描述网页内容的意义和功能，而非仅仅关注视觉样式。在没有CSS的情况下，语义化标签可以帮助浏览器、屏幕阅读器以及搜索引擎更好地理解和...
HTML5新特性之语义化标签
09-27
HTML5是现代网页开发的重要标准，它引入了许多新特性，其中一项关键改进是语义化标签的引入。语义化标签使得HTML代码更具有描述性和可理解性，帮助开发者更好地组织网页内容，同时提升了网页在不同设备和环境下的可...
HTML5中语义化 b 和 i 标签
11-21
在HTML5中，语义化标签的使用是一个重要的议题，因为它们有助于提高网页内容的可读性和可访问性。在过去的Web标准中，`<b>`和`<i>`标签通常被视为非语义化的标签，主要用于呈现粗体和斜体效果，而忽视了内容的意义。...
HTML5 语义化结构化规范化
09-28
HTML5添加了一些新元素，用来标识常用的结构，是html更具语义化，可是我们无法直接使用，即使可能用到还要等他个十年八年的。那就像微格式一样，使用class代替，或者随意点，使用id和class名来代替，让自己的结构...
HTML标签语义化的介绍
09-28
HTML标签语义化是网页开发中的一个重要概念，它关乎到网页内容的结构和可读性，以及搜索引擎优化（SEO）等多个方面。语义化标签的主要目的是使HTML代码更加清晰、准确地表达文档内容的结构和意义，而不是仅仅依赖CSS...
HTML5语义化标签
wendZzoo的博客
09-17 5931
1、HTML5简化的标签 （1）DOCTYPE文档声明 <!DOCTYPE html> 相较于之前的版本，HTML5没有指定具体版本，这就表示了最新的HTML版本。 （2）<meta>声明 HTML4.01中的meta声明决定了HTML文档中字符的编码方式，HTML5直接一个charset属性即可， <meta charset="UTF-8"> ...
HTML系列之语义化标签（H5)
老__L的博客
02-12 4439
本文主要介绍address、article、aside、footer、header、nav、section标签。 以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的。
语义化标签及结构简介
Refinedteenager的博客
03-01 636
什么是语义化标签？ 在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。 它的常用标签有哪一些？ 1.section元素 表示页面中的一个区块。 2.a...
02 H5常用的语义化和结构标签
Blog of Lytracy
08-10 1323
文章目录1、section标签2、article标签3、nav标签4、header标签5、footer标签6、aside标签 HTML5 定义了一组新的语义化标记来描述元素的内容，可以简化 HTML 页面设计，并且使用浏览器搜索网页时，也可以利用这些元素。 首先我们来看一个普通的页面的布局方式： 以上是很常见的 div+css 布局模式，通过 class 名称来区分不同的结构，包括头部、导航、文章内容、右边栏，还有底部模块。 而 HTML5 新标签带来的新的布局则是下面这种情况： 代码如下所示： &lt
html5语义结构标签,HTML5 语义元素(一)页面结构
weixin_34618526的博客
05-31 108
本篇主要介绍HTML5增加的语义元素中关于页面结构方面的，包含：、、、、、、、、等元素。目录1. 语义元素介绍1.1 何为语义元素1.2 特点2. 原先界面布局3.页面结构语意元素3.1 说明3.2 详细介绍3.3 示例图详细资料>浏览器最低版本：IE 9、Chrome 5使用说明：①当用于标注网页的页眉时，可包含logo、导航、搜索条等信息。②当用于标注内容的标题时，只有当标题还附带其...
HTML5常用语义化标签和属性
柠檬人的博客
03-03 454
什么是HTML语义化标签 语义化的标签，顾名思义，即每个标签都有属于自己的含义 ，标签的特点是简短、描述性、唯一 <H1>一级标题</H1> <p>一段文字</p> HTML5常用的语义标签 标签名 描述 header 文档的头部区域 section 定义文档中的节(区段) article 用来在页面中表示一套结构完整且独立...
HTML5的页面元素及属性
qq_51088023的博客
10-24 1259
页面交互元素 1.details元素和summary元素 details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details元素的第一个子元素，用于为details元素定义标题。标题是可见的，当用户单击标题时，会显示或隐藏details中的其他内容。其基本用法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
HTML5——元素分类
五柳
12-29 1290
引言 在 HTML5 中将元素进行了分类，具体的类别如下： 元数据内容（Metadata content） 流式内容（Flow content） 章节内容（Sectioning content） 标题内容（Heading content） 短语内容（Phrasing content） 嵌入内容（Embedded content） 交互式内容（Interactive content） 它们之间的...
HTML5页面元素和属性大全，自行定位
m0_62951223的博客
03-18 868
结构元素(手机端网页) 这些标签在电脑客户端功能相当于<p> 标签 网页头部 标签名：header 网页导航 标签名：nav 网页底部 标签名：footer 网页侧栏 标签名：aside 网页区块 标签名：section 网页文章 标签名：article [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wv7ydVzz-1647564923148)(C:\Users\Asus\Desktop\MarkDown\Java笔记\4.png)] 图片出自b站up主黑马程序
HTML5新增语义化结构标签
最新发布
06-09
是的，HTML5引入了许多新的语义化结构标签，这些标签包括： 1. `<header>`：定义文档或节的页眉。 2. `<nav>`：定义导航链接的部分。 3. `<section>`：定义文档中的节。 4. `<article>`：定义文档中的独立自包含...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值