web前端总复习（五）：HTML5新增的元素

最新推荐文章于 2022-07-18 16:38:26 发布
最新推荐文章于 2022-07-18 16:38:26 发布
阅读量141 收藏
点赞数
分类专栏： web前端总复习 文章标签： html 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40549954/article/details/109145414
版权

  1. 标签语义化
    ① header：定义文档或节的页眉
    ② nav：定义导航链接
    ③ article：定义文档内的文章
    ④ section：定义文档中的节
    ⑤ aside：定义页面内容之外的内容
    ⑥ footer：定义文档或节的页脚

  2. 表单
    ① datalist：定义输入空间的预定义选项
    ② output：定义计算结果

（新增input属性）
color、date、email、number、time…

  1. 多媒体
    ① canvas：使用js的图像绘制
    ② svg：使用svg图像绘制
    ③ audio：定义声音或音乐内容
    ④ video：定义视频或影片内容
做一个暴躁的开发
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html&css的简单了解
m0_50496669的博客
09-07 1270
html&css html： 常用的标签： div、p、ul li、ol li、h1-h6、a、span、b、u、i、input（属性text、number、password、radio、checkbox、submit、reset）、form、select>option、textarea h5(新标签）：header、nav、footer、main、section、video、audio、input（color、range、week、date） 标签的分类： 单双标签：单标签没有与之对
前端入门——HTML5新增元素的总结
qq_41684657的博客
02-18 277
全局属性 1. contentediable ——可编辑列表 <ul> <li contenteditable="true">可编辑1</li> <li contenteditable="true">可编辑2</li> <li contenteditable="false&qu
HTML新元素
09-18 172
<canvas> 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API <audio> 定义音频内容 <video> 定义视频（video 或者 movie） <source> 定义多媒体资源 <video> 和 <audio> <emb...
HTML5(一)——新增元素和属性
前端人的博客
07-27 358
自 H5 诞生以来，在 html4.0 中有些元素已被 H5 废弃，但是在 H5 中添加了很多新元素以及功能，今天我们学习 H5 中新增的元素和属性都有哪些？ 新增语义结构标签 标签 描述 <article> 定义页面独立的内容区域。 <aside> 定义页面的侧边栏内容。 <bdi> 允许您设置一段文本，使其脱离
HTML5新增的元素
SevenLee的个人博客
09-21 204
参考回答：首先html5为了更好的实践web语义化，增加了header，footer，nav，aside，section等语义化标签，在表单方面，为了增强表单，为input增加了color，email，date，range,number等类型，在存储方面，提供了sessionStorage，localStorage,和离线存储manifest，通过这些存储方式方便数据在客户端的存储和获取，在多媒...
html5有哪些新的页面元素,html5是什么？html5新特性有哪些？（总结附代码）
weixin_33330157的博客
06-03 343
本篇文章主要给大家介绍一下什么是HTML5，总结一下html5新特性。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。首先大家应该都知识HTML是什么吧？HTML是Hyper Text Markup Language的缩写，“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。那么HTML5又是什么呢？万维网的核心语言、标准通用...
HTML5学习笔记——新增元素
ass_ace
08-16 555
1、新增的元素： 1）新增的结构元素： &lt;section&gt;、&lt;article&gt;、&lt;aside&gt;、&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;address&gt;、&lt;figure&gt;、&lt;main&gt; 2）新增的其他元素： &lt;video&am
HTML5及CSS3web前端开发技术习题答案解析.pdf
01-07
### HTML5及CSS3 Web前端开发技术习题答案解析 #### 1. HTML5与HTML4的主要区别及其解决的问题 HTML5与HTML4相比，在Web前端开发领域解决了多个关键问题，主要包括： - **浏览器间的兼容性问题**：早期不同浏览器...
前端总复习——html篇
weixin_47450807的博客
04-29 578
1、html标签的类型(head, body, !Doctype)他们 的作用是什么？ !DOCTYPE标签: 他是指示web浏览器关于页面使用哪个html版本进行编写的指令。 head: 是所有头部元素的容器，绝大多数头部标签的内容不会显示给读者。 body: 用于定义文档的主体，包含了文档的所有内容 该标签支持html的全局属性和事件属性。 2、h5新特性 1、新增选择器document.querySelector，document.querySelectorAll 2、拖拽释放（Drag a
html5复习
weixin_48931100的博客
07-18 252
html5基础内容
HTML5知识点总结
qq_53539929的博客
03-27 2359
1.什么是 HTML5 1.1 HTML版本  1.2 HTML5简介 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。用于取代HTML4与 XHTML的新一代标准版本，所以叫HTML5。 XHTML 可扩展超文本标记语言 XHTML是一种增强了的HTML，它的可扩展性和灵活 性将适应未来网络应用更多的需求 。 HTML5 HTML5的设计目的是为了在移动设备上支持多媒体。 增加了新特性：语义特性，本地存储特性，设备兼容特 性，连接特性，网页多媒体特性，三
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
html5相关知识选择题,HTML5基础知识习题及答案
weixin_35866960的博客
06-03 624
HTML5基础知识习题及答案2016-02-26 16:06来源: 博客园1. HTML5 之前的HTML版本是什么？答： HTML 4.012. HTML5 的正确doctype是？答：3. 在 HTML5 中，哪个元素用于组合标题元素？答：4. HTML5 中是否支持元素？答： 否5. HTML5 中是否支持元素?答： 否6. 在HTML5 中，onblur和onfocus是：答：事件属性...
HTML5基础题及答案20道——必刷前端题目(背)
weixin_45189258的博客
07-04 3678
1.HTML5 之前的 HTML 版本是？ 2.HTML5 的正确 doctype 是？ 3.在 HTML5 中，哪个元素用于组合标题元素？ 4.HTML5 中不再支持下面哪个元素？ 5.HTML5 中不再支持下面哪个元素？ 6.在 HTML5 中，onblur 和 onfocus 是： 7.用于播放 HTML5 视频文件的正确 HTML5 元素是： 8.用于播放 HTML5 音频文件的正确 HTML5 元素是：
html5选择试题及答案,40个重要的HTML5面试题及答案
weixin_42222065的博客
06-03 823
内容介绍我是一个ASP.NETMVC的开发者，最近在我找工作的时候被问到很多与HTML5相关的问题和新特性。所以以下40个重要的问题将帮助你复习HTML5相关的知识。这些问题不是你得到工作的高效解决方案，但是可以在你想快速复习相关主题的时候有所帮助。快乐地找工作。SGML(标准通用标记语言)和HTML(超文本标记语言)，XML(可扩展标记语言)和HTML的之间有什么关系？SGML(标准通用标记语...
【整理】html5知识点4
Rand Tsui
05-31 653
1、==================================================================HTML5 语义元素 HTML5中新的语义元素 许多现有网站都包含以下HTML代码： , , 或者 , 来指明导航链接, 头部, 以及尾部. HTML5提供了新的语义元素来明确一个Web页面的不同部分: 解释图片：h
第二章 HTML5 页面元素及属性
qq_29069777的博客
10-01 422
—————目录 列表元素 结构元素 分组元素 页面交互元素 文本层次语义元素 全局属性 1. 列表元素 2. 结构元素 3. 分组元素 4.页面交互元素 5.文本层次语义元素 6....
week定义滑块控件_HTML5 基础测试题
weixin_39754411的博客
12-22 1099
HTML5 基础测试题1.HTML5 之前的 HTML 版本是什么？()A.HTML 4.01B.HTML 4C.HTML 4.1D.HTML 4.92.HTML5 的正确 doctype 是？()A.B.C.3.在 HTML5 中，哪个元素用于组合标题元素？()A.B.C.D.4.HTML5 中不再支持下面哪个元素？()A.B.C.D.5.HTML5 中不再支持下面哪个元素()A.B.C.D.6...
HTML5新增的8个结构元素
u014150445的博客
10-11 3762
1.新增结构元素： （1）section元素：section定义文档中的节，表示页面的内容区块，例如页眉，页脚，页面中的其他部分内容也可以。html4全是用div结构来写内容，很难分清主次 （2）artical元素：规定了独立的内容，比如论坛的一篇帖子，文章，博客，用户评论等 （3）aside元素：表示与其附近的内容相关的，可以做侧边栏。 （4）header元素：定义文档的页眉 （5）f
前端面试必知：HTML5新特性详解及结构元素
以下是关于HTML5新增的一些关键元素和功能的详细阐述： 1. **语义化元素**： - `article`：用于表示页面上的一段独立、自包含的内容，如博客文章或新闻报道。 - `aside`：定义与主要内容相关的辅助信息或侧边栏...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值