h5新增标签

news/2024/11/8 14:57:53/

一、新增的语义化布局标签:

1. header和footer标签:页面中一个内容区块的头部和尾部布局;

2. nav:导航区域;

3. article标签:页面中独立的内容部分布局;

4. aside标签:在独立内容之外,但是又与article有关联的部分布局;

二、新增媒体标签

1. audio(音频);

2. video(视频);

三、新增canvas和svg绘画元素

canvas表示位图区域;

svg定义矢量图;

四、新增表单增强元素

表单元素 input 的 type 属性扩充:

date(输入日期);

email(输入邮件);

url(输入url地址);

search(呈现搜索常规的文本域);

range(输入一定范围内的数值);

month(输入月份);

color(颜色);

number(输入数值);

以及表单元素 input 通过属性进行表单验证:required(必填项)、pattern(验证表单输入)。

h5是html的最新版本,是14年由w3c完成标准制定,增强了浏览器的原生功能,减少浏览器插件的应用,提高用户体验满意度,让开发更加方便。


http://www.ppmy.cn/news/553402.html

相关文章

多标签分类

1、多标签分类 VS 单标签分类 在图像的分类和识别领域,传统的单标签分类旨在解决一个示例只属于一个类别的问题,不同的标签之间完全独立、互相之间没有关联。然而,在更加复杂的分类任务中,如文本分类、图像类别标注、语义场景分类…

HTML的基本标签及属性

HTML 1. 标题与段落标签2. 文本修饰标签3. 图片标签4. 链接标签5. 无序、有序列表与定义列表6. 表格、表单标签7. div与span标签 1. 标题与段落标签 (1) 标题标签是一对双标签&#xff1a;<h1></h1>&#xff0c;<h2></h2>&#xff0c;<h3></h…

HTML超链接标签

目录 一、超链接 1.href 引入跳转页面的路径 ①网址 ②相对链接&#xff08;本地元素&#xff09; ③锚链接 ④用图片链接到网址 2.target"_blank " 在新窗口中打开链接 3.base标签 4. a标签的样式 &#xff08;会用在css中和style里&#xff09; 一、超链接…

html表格标签

目录 一&#xff0c;表格标签table介绍 二&#xff0c;table&#xff0c;tr&#xff0c;td三个标签属性详解 三&#xff0c;表格单元格的合并 四&#xff0c;表格标签的作用是用作表格布局 一&#xff0c;表格标签table介绍 说起表格&#xff0c;我们都能想起Excel里…

HTML常用标签合集

今天来讲讲有关html的常用标签&#xff0c;嘎嘎有用&#xff0c;嘎嘎好用&#xff01; 目录 HTML常用标签 一、首先来讲第一种&#xff1a;标题标签 h1~h6 二、第二种&#xff1a;段落标签 p 三、第三种&#xff1a;hgroup标签 四、第四种&#xff1a;强调标签 em strong…

html5常用的属性标签,HTML5常用标签及其属性设置

一、Html5的基本结构 网页的内容 二、head标签内常用标签 1、meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息。常用属性: ⑴charset属性:设置文档的字符集编码格式,一般设置为UTF-8。 例:HTML5中设置编码 ⑵http-equiv属性:需要…

HTML a 标签详解

a 标签是浏览器中最常见的标签&#xff0c;它最主要的作用是从一个页面跳转到另一个页面&#xff0c;那么除了超链接这个最主要的功能&#xff0c;你还知道 a 标签的哪些功能呢&#xff1f; a 标签的属性 href a 标签有一个至关重要的属性&#xff1a;href&#xff0c;如果没…

iframe 标签

一&#xff0c;什么是iframe 1.iframe是html元素&#xff0c;用于在网页中内嵌另一个网页。 2.iframe默认有一个宽高,存在边界 3.iframe是一个行内块级元素&#xff0c;可以通过display修改 二&#xff0c;iframe元素属性介绍 1.src : 指定内联网页的地址 2.frameborder:…