HTML5新增标签及用法总结

妖狐艹你老母 2023-07-12 08:44 16阅读 0赞

`<canvas>`：该标签用于定义图形，比如图表和其他图像，该标签基于js的绘图api

`<audio>`：该标签定义音频内容 用法：`<audio controls="controls" loop="loop" preload="auto">`

`<video>`：该标签定义视频内容：`<video width="320" height="240" controls="controls">`

`<embed>` ：该标签定义了一个容器，用来嵌入外部应用或者互动程序（插件）:`<embed src="123.gif">`

`<datalist>`：该标签需要与`<input>`标签配合使用，用来表示可选的列表(跟html中的select标签功能一样)：

<input list="browsers"> 
    	<datalist id="browsers"> 
    	<option value="Internet Explorer"> 
    	<option value="Firefox"> 
    	<option value="Chrome"> 
    	<option value="Opera"> 
    	<option value="Safari"> 
    </datalist>

`<article>`：该标签表示页面中与上下文不相关的独立的内容部分

`<aside>`：该标签为语义化标签

`<section>`：该标签表示文档中的一个独立部分

`<figure>`：该标签可以用来表示自包含的内容，并且一般作为单个单元引用

`<mark>`：如果需要突出显示 HTML 文档中某一部分的文本，则您可以使用该 `<mark>` ：标签

`<meter>`：在 HTML 中给定一个具体的范围（包括最大值与最小值），然后使用 `<meter>`：标签来显示该给定范围内的数据

`<nav>`：该标签表示一个页面中的某个部分，目的是提供导航链接，常见的导航栏的示例是菜单、目录和索引

`<progress>`：该标签显示某个任务完成的进度的指示器，一般用于表示进度条

`<time>`：该标签用来表示HTML网页中出现的日期和时间，目的是让搜索引擎等其它程序更容易提取这些信息

--------------------

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5中的新增标签及其用法(持续更新)

HTML5中的新增标签及其用法 [HTML 参考手册][HTML] 结构标签 HTML5提供了新的语义元素来明确一个Web页面的不同部分,在一个网页中，这些新...

傷城~/ 2024年04月18日 09:19/ 0 赞/ 42 阅读

相关 HTML5新增标签

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件

﹏ヽ暗。殇╰゛Y/ 2024年02月17日 17:48/ 0 赞/ 86 阅读

相关 HTML5新增视频标签（HTML5）

HTML5新增视频标签（HTML5） <!DOCTYPE html> <html lang="en"> <head> <

悠悠/ 2023年10月03日 13:31/ 0 赞/ 38 阅读

相关 HTML5新增的标签及使用

HTML5和HTML其实是很相似的，但是有些内容有发生了改变，今天我学习了一下HTML5发现还是挺好学的，只要有html+css基础就可以，今天知识看了下新的标签。一、定

梦里梦外;/ 2023年07月22日 04:57/ 0 赞/ 23 阅读

相关 HTML5新增标签

artical：文章主体内容 header：标记头部区域内容 footer：标记脚部区域内容 section：区域章节表述 nsv：菜单导航链接导航 progress

阳光穿透心脏的1/2处/ 2023年07月19日 05:58/ 0 赞/ 23 阅读

相关 HTML5新增标签及用法总结

`<canvas>`：该标签用于定义图形，比如图表和其他图像，该标签基于js的绘图api `<audio>`：该标签定义音频内容用法：`<audio controls="c

妖狐艹你老母/ 2023年07月12日 08:44/ 0 赞/ 17 阅读

相关前端---html5新增标签

<article>标签定义外部的内容（结构元素） <aside>定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素） <figure>定义

谁借莪１个温暖的怀抱￠/ 2022年07月24日 07:11/ 0 赞/ 280 阅读

相关 HTML5新增标签及CSS3新增属性

一、h5新增标签 <table style="width:860px;text-align:center;"> <thead> <tr> <th sty

比眉伴天荒/ 2022年05月30日 05:35/ 0 赞/ 390 阅读

相关 HTML5新增标签属性

关于h5 兜兜转转终于学完CSS开始接h5了！其实h5没有大家想的那么复杂！我们之前学的pc端就是以h5的标准来的只是那些标签是 html4.01之前就有的！我们后

傷城~/ 2022年04月03日 02:45/ 0 赞/ 419 阅读

相关 html5新增标签

1、视频标签<video> IE8或者更早的IE版本不支持。 <videowidth="320"height="240"controls>

朴灿烈づ我的快乐病毒、/ 2021年12月01日 10:46/ 0 赞/ 473 阅读