HTML5标签

HTML5新增了27个标签,废除了16个标签,依据现有的标准规范,按照优先等级将其定义为结构性标签、级块性标签、行内语义性标签、交互性标签4大类。下面一起来看一看。

一、结构性标签

结构性主要负责web的上下文结构的定义,确保HTML文档的完整性,包括以下标签;

1、section:用于表达书的一章或一节内容;

2、header:页面主体上的头部;

3、footer:页面主体的尾部;

4、nav:用于菜单导航。链接导航;

5、article:表示文章的主体内容;

二、级块性标签

级块性标签主要完成页面区域的划分,确保内容的有效分隔,包括以下标签;

1、aside:作为补充主体的内容;

2、figure:对多元素进行组合并展示的元素;

3、code:常用语代码块;

4、dialog:用于表达人与人之间的对话;

三、行内语义性标签

行内语义性标签主要完成web内容的引用和表述。是丰富内容的基础。包括以下标签;

1、meter:表示特定范围内的数值,如工资、数量、百分比等;

2、time:表示时间值;

3、progress:表示进度条;

4、video:视频元素;

5、audio:音频元素;

四、交互性标签

交互性标签主要用于功能性的内容表达,会有一定的内容和数据的关联,是各种事件的基础,包括以下标签;

1、details:用来表示一段具体的内容;

2、datagrid:用来控制客户端数据与展示;

3、menu:用于交互菜单;

4、command:用来处理命令按钮;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 文本标签「程序员培养之路第二天」

    • <video src="mov.mp4" controls="controls">

    小白程序猿
  • nofollow标签的使用方式【独家解析】

    nofollow是由谷歌提出的一个‘反垃圾链接’标签,后被yahoo、百度、搜狗等各大浏览器搜索引擎所支持,nofollow单词意思是不要追踪,在引擎中为用于指...

    小白程序猿
  • 大话数据结构

    大家好!我是 《大话设计模式》 (2008 年初出版)的作者,三年来,承蒙广大读 者的厚爱, <<大话设计模式》 取得了较大的成功。 仅在当当网,截止本文写作时...

    小白程序猿
  • Web前端学习 第2章 网页重构2 常用的html标签

    上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法.

    学习猿地
  • 干货,如何建立数据标签体系

    一个推荐系统效果好与坏最基本的保障、最基础的是什么?如果让我来回答,一定是标签体系。我这里说的标签主要是针对物料的,对于电商平台来说就是商品;对于音乐平台来说就...

    数据社
  • 终于有人把标签设计讲明白了

    导读:标签是根据业务场景的需求,通过对目标对象(含静态、动态特性)运用抽象、归纳、推理等算法得到的高度精练的特征标识,用于差异化管理与决策。

    华章科技
  • 用户画像标签平台技术

    1.灵活可扩展的标签创建规则或者人群分群规则: 我们需要有非常灵活可扩展的标签的规则定义和分组分群。

    平常心
  • 001.html常用的基础知识点

    主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。

    qubianzhong
  • HTML标签分类

    在HTML页面中,带有“<>”符号的元素被称为HTML标签,如 <HTML>、<head>、<body>、<head>等都是HTML骨架结构标签。所谓标签就是放...

    爱知汇
  • 用户画像实践:神策标签生产引擎架构

    导读:用户画像是建立在数据基础之上的用户模型,是产品改进、精准营销等业务场景中不可或缺的重要基础。而构建用户画像的过程就是要给用户打上各种维度的标签,并基于标签...

    木东居士

扫码关注云+社区

领取腾讯云代金券