首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5标签

HTML5新增了27个标签,废除了16个标签,依据现有的标准规范,按照优先等级将其定义为结构性标签、级块性标签、行内语义性标签、交互性标签4大类。下面一起来看一看。...一、结构性标签 结构性主要负责web的上下文结构的定义,确保HTML文档的完整性,包括以下标签; 1、section:用于表达书的一章或一节内容; 2、header:页面主体上的头部; 3、footer...链接导航; 5、article:表示文章的主体内容; 二、级块性标签 级块性标签主要完成页面区域的划分,确保内容的有效分隔,包括以下标签; 1、aside:作为补充主体的内容; 2、figure:对多元素进行组合并展示的元素...; 3、code:常用语代码块; 4、dialog:用于表达人与人之间的对话; 三、行内语义性标签 行内语义性标签主要完成web内容的引用和表述。...、交互性标签 交互性标签主要用于功能性的内容表达,会有一定的内容和数据的关联,是各种事件的基础,包括以下标签; 1、details:用来表示一段具体的内容; 2、datagrid:用来控制客户端数据与展示

1.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5新增标签

    html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。...简单来说就是增加了一些更直观的标签,H5相比html4.0精简了很多。 HTML新增标签 1. 结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。...aside:标签内容之外,与标签内容相关的辅助信息。 figure:独立单元,如有图文混合模块。 hgroup:头部信息/标题相关信息。 footer:底部信息。...媒体标签 video:视频 audio:音频 embed:嵌入内容,包括各种媒体,flash,图片等。 4. 其他功能标签 progress:进度条。...time:数据标签,给搜索引擎使用,主要日期标签。 canvas:使用js进行图像绘制。 ruby:对某些内容进行注释。 command:按钮。

    2.5K10

    HTML5新增标签

    html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。...简单来说就是增加了一些更直观的标签,H5相比html4.0精简了很多。 HTML新增标签 1. 结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。...aside:标签内容之外,与标签内容相关的辅助信息。 figure:独立单元,如有图文混合模块。 hgroup:头部信息/标题相关信息。 footer:底部信息。...媒体标签 video:视频 audio:音频 embed:嵌入内容,包括各种媒体,flash,图片等。 4. 其他功能标签 progress:进度条。...time:数据标签,给搜索引擎使用,主要日期标签。 canvas:使用js进行图像绘制。 ruby:对某些内容进行注释。 command:按钮。

    1.4K20

    HTML5新增了哪些标签_标签标准

    在我们平时所写的ASP.NET中,我们更多的是去使用服务器端控件:。与此同时,我们却忽略了很多HTML元素的使用。... 和 对于这两个元素,我想很多经常去使用.NET服务器端控件,以及Visual Studio或者DW等可视化工具的人,应该对他们已经忘记的差不多了。...举个很简单的例子: 先看个使用的例子: 李白曾经写过这样一首诗: 床前明月光, 疑是地上霜。...你的后续程序员或者当你的网站需要更改样式时,使用更匹配的标签可以让你的代码灵活性更高! 我现在所能想起来的,关于HTML的一些细节和标准问题,只有这些了。...让我们共同去回忆这些我们快淡忘了的非主流标签。 转自:http://www.ok22.org/art_detail.aspx?

    971100

    HTML5 语义化标签

    语义化标签 ---- 语义化标签: 使用含有具体意义的词语作为标签 语义化标签可以使页面很好的呈现出内容结构和代码结构,比 div 标签有更加丰富的含义,方便开发与维护 站长源码网 从网页的布局来说,一般会分成几个区域...在 HTML5 之前都是使用 div、span 添加不同的样式来区分,HTML 5 之后就对这块做了优化,使用语义化标签来表示对应的布局模块 HTML5 新增的语义化标签主要有: 标签 描述 header...语义化标签的优点 ---- 1. 可以让页面呈现清晰的代码结构,开发体验较好,可读性较高,后期维护效率更高 2. 有利于搜索引擎的抓取,对 SEO 良好,爬虫可以根据不同的标签来分析关键字,提升权重

    1.1K10

    HTML5语法,标签,属性

    HTML 5的语法 html5相对于以前的html(html4,xhtml等)更加简洁更加的人性化。...这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。 2、不再使用frame框架。 frameset、frame、noframes。...HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。...3、只有部分浏览器支持的元素 applet、bgsound、blink、marquee等标签。 4、其他被废除的元素 废除rb,使用ruby替代。 废除acronym使用abbr替代。...从一下几点理解: 用正确的标签做正确的事 HTML语义化能让页面更具结构化且更加清晰,便于浏览器和搜索引擎进行解析因此在兼容条件下,要尽量使用具有语义化的结构标签

    2.3K20

    HTML5HTML5 语义化标签 ( HTML5 简介 | 新增特性 | 语义化标签及代码示例 )

    一、HTML5 简介 ---- HTML5 指的是 对 HTML 语言的第五次重大修改 , 新增了新的元素 / 属性 / 行为 ; HTML5 新增的特性 : 语义特性 本地存储特性 设备兼容特性 连接特性...网页多媒体特性 三维特性 图形及特效特性 性能与集成特性 CSS3 特性 广义 HTML5 包含了 HTML5 + CSS3 + JavaScript ; 不是所有的浏览器 都支持 HTML5 ; HTML5...非常适用于移动端开发 ; 二、HTML5 语义化标签 ---- 传统发那个是 , 使用 div 进行布局 , 搜索引擎不知道这个盒子是做什么的 ; HTML5 新增加了如下语义化标签 : 头部标签 :...: 语义化标签 都是 针对 搜索引擎的 , 目的是为了让搜索引擎更容易理解网页内容 ; 每个标签在同一个网页中可以使用多次 ; 移动端页面开发时 , 优先使用语义化标签 ; PC 端很少使用这些标签...*/ display: block; } 三、HTML5 语义化标签代码示例 ---- 代码示例 : <!

    1.9K30

    HTML5常用的文本标签

    >还有 标签用于定义ruby注释(中文注音或字符),与标签一同使用标签用于定义字符(中文注音或字符)的解释或发音。...标签在ruby注释中使用,以定义不支持标签的浏览器所显示的内容 标签主要用来在视觉上向用户呈现那些需要突显或高亮显示的文字 标签用于定义日期或时间...(block)内指定段落,也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。...与 以及 标签一同使用: ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 “ruby” 元素时显示的内容...例如: 王 (wang)   标签定义带有记号的文本,在需要突出显示文本时使用;例如: 这段文字的

    10.4K11

    Html5 学习系列(二)HTML5新增结构标签

    引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签。...HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构标签 HTML5时代的召唤   上一代的HTML的标准: HTML 4.01 和 XHTML 1.0 距离今天已经发布了10多年了,而...当我们描述一件具体的事物的时候,通常鼓励使用article来代替section;当我们使用section时,仍然可以使用h1来作为标题,而不用担心它所处的位置,以及其它地方是否用到;当一个容器需要被直接定义样式或通过脚本定义行为时...,推荐使用div元素而非section。...它和标签使用基本一样,可以在一个页面中多次使用,如果在一个区段的后面加入footer,那么它就相当于该区段的页脚了。

    2.3K10
    领券