• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置：首页 > 网页设计 >html5 > HTML5所有标签汇总及标签意义解释_html5教程技巧

HTML5所有标签汇总及标签意义解释_html5教程技巧

作者：匿名 字体：[增加 减小] 来源：互联网 时间：2018-12-03

本文主要包含HTML5,标签汇总,标签意义解释等相关知识,匿名希望在学习及工作中可以帮助到您
结构标签：(块状元素) 有意义的div

标记定义一篇文章

标记定义一个页面或一个区域的头部
标记定义导航链接
标记定义一个区域
标记定义页面内容部分的侧边栏
标记定义文件中一个区块的相关信息
标记定义一组媒体内容以及它们的标题
标签定义 figure 元素的标题。
标记定义一个页面或一个区域的底部
标记定义一个对话框(会话框)类似微信

多媒体交互标签

标记定义一个视频
标记定义音频内容
标记定义媒体资源
标记定义图片
标记定义外部的可交互的内容或插件 比如flash

Web应用标签

命令列表
menu命令列表标签 FF（嵌入系统）
menu标记定义一个命令按钮
状态标签(实时状态显示:气压、气温)C、O
状态标签 (任务过程:安装、加载) C、F、O
为input标记定义一个下拉列表,配合option F、O
标记定义一个元素的详细内容 ，配合dt、dd C

注释标签

标记定义 注释或音标
告诉那些不支持 Ruby元素的浏览器如何去显示
 标记定义对ruby的注释内容文本

其他标签

 标记定义表单里一个生成的键值(加密信息传送)O、F
标记定义有标记的文本 (黄色选中状态)
标记定义一些输出类型,计算表单结果配合oninput事

删除的HTML标签

纯表现的元素：
basefont，big，center，font, s，strike，tt，u；

对可用性产生负面影响的元素：
frame，frameset，noframes；

产生混淆的元素：
acronym ，applet，isindex，dir

重新定义的HTML标签

代表内联文本，通常是粗体，没有传递表示重要的意思
代表内联文本，通常是斜体，没有传递表示重要的意思

可以同details与figure一同使用，定义包含文本，dialog也可用
可以同details与figure一同使用，汇总细节，dialog也可用
表示主题结束，而不是水平线，虽然显示相同
重新定义用户界面的菜单，配合commond或者menuitem使用
表示小字体，例如打印注释或者法律条款
表示重要性而不是强调符号

示例代码：

  1. <xmp>
  2. >
  3. <html>
  4. <head>
  5. <style>
  8. header{height:150px;background:#ABCDEF}
  9. nav{height:30px;background:#ff9900;margin-top:100px}
  10. nav ul li{width:100px;height:30px;float:left;line-height:30px}
  12. div{margin-top:10px;height:1000px;}
  13. section{height:1000px;background:#ABCDEF;width:70%;float:left}
  14. article{background:#F90;width:500px;margin:0 auto;text-align:center}
  16. aside{height:1000px;background:#ABCDEF;width:28%;float:right}
  18. footer{height:100px;background:#ABCDEF;clear:both;margin-top:10px}
  19. style>
  20. head>
  21. <body>
  22. <header>
  23. <p>这是一个header标签p>
  24. <nav>
  25. <ul>
  26. <li>首页li>
  27. <li>起夜li>
  28. <li>论坛li>
  29. <li>商城li>
  30. <li>社区li>
  31. ul>
  32. nav>
  33. header>
  34. <div>
  35. <section>
  36. <p>这是一个section标签p>
  37. <article>
  38. <h2>春晓h2>
  39. <p>
  40. 春眠不觉晓，<br

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程（Worker SharedWorker）
  • Html5新增标签有哪些

相关文章

  • 2017-08-06HTML5新增加标签和功能概述
  • 2018-12-03用仿ActionScript的语法来编写html5——第六篇，TextField与输入框
  • 2018-12-03HTML5 Canvas图像处理技巧
  • 2018-12-03关于HTML5你不得不知的事
  • 2017-08-06HTML5 File接口在web页面上使用文件下载
  • 2017-08-06html5指南-7.geolocation结合google maps开发一个小的应用
  • 2017-08-06HTML5 Canvas+JS控制电脑或手机上的摄像头实例
  • 2018-12-03HTML5 Video/Audio播放本地文件
  • 2018-12-03如何评价天凤最近开始测试的 Web 版？
  • 2018-12-03Html5中video标签的用法：如何自动填充满父div标签

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前？
    • H5的标签使用详解
    • 详解HTML5中的<aside>元素与<article>元素
    • 使用javascript中canvas实现拼图小游戏
    • Html5 audio标签样式的修改 _html5教程技巧
    • HTML5仿手机微信聊天界面
    • W3C 为什么工作效率很低？
    • 什么是基于HTML5技术的桌面环境？
    • Html5实现iPhone开机界面示例代码
    • 基于HTML5的Web SCADA报表图文代码详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有