Html5
关注
分享
扫一扫
文章平均质量分 72
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
中亿丰数字科技集团有限公司
DTCloud是一套基于Python+Go开源商业应用程序.主要面向建筑工程行业，物联网行业，数字化行业，打造的企业信息一体化的解决方案。
展开
-
h5移动端应用实现类似原生页面切换效果
将vue-router中的跳转方法重写并监听，根据不同的跳转类型加载不同的过渡动画。在router.js中引入routeTransition方法。创建router-helper.js文件。原创 2023-04-01 09:12:55 · 509 阅读 · 0 评论 -
手写一个简易的flexiable响应式布局
手写一个简易的flexiable响应式布局要实现页面内容随页面大小变化而变化，就要将单位px随着页面大小变化而变化，这里采用rem作为单位来实现。首先要弄清楚rem与px之前的单位关系：1rem = 根元素字体大小 / 10这里的10表示将页面纵向平均分为10份，当然也可以平均分为你想要的份数根元素字体大小可以设置在body中font-size，<body style="font-size:10px"></body>搞清楚单位转换关系后，我们要实现响应式，那么就不能将原创 2022-05-26 17:51:02 · 2589 阅读 · 0 评论 -
tailwindcss的安装及使用
tailwindcss的安装及使用安装依赖包，npm install -D tailwindcss@latest postcss@latest autoprefixer@latest初始化，生成 tailwind.config.js 文件，npx tailwindcss init生成 tailwind.css 文件，npx tailwindcss-cli@latest build -o tailwind.css新建 index.html 文件，将tailwind.css文件原创 2022-05-26 17:31:27 · 2297 阅读 · 0 评论 -
jinja2传递参数和html，js文件接收参数
如果javascript是单独引入的可以使用下面方式绑定参数<script type="text/javascript"> let Server = { box13_ids:{{object.box13_ids}}, };</script>引入js文件<script src="/dtcloud/static/templates/company/zh_CN/js/Chart.js" type="text/javascript" language原创 2022-05-17 14:00:31 · 3285 阅读 · 0 评论 -
Html基础知识
超文本标记语言 （英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面[3]。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。 --来自维基百科原创 2022-05-12 11:01:57 · 2230 阅读 · 0 评论 -
html常用标签
1. 链接标签： <a></a>属性： href：链接地址 target：打开方式 _blank：新标签页打开 _self：当前页面打开（默认） title：链接提示 案例： <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>2. 文本标记标题元素<h1></原创 2022-05-07 09:41:32 · 1277 阅读 · 0 评论 -
HTML中常见定位和FLEX布局
一、概念flex 是什么？flex 是 Flexible Box 的缩写，就是弹性盒子布局的意思为什么我们需要 flex?解决元素居中问题自动弹性伸缩，合适适配不同大小的屏幕，和移动端flex 常见术语 三个 td {white-space:pre-wrap;border:1px solid #dee0e3;}序号简记术语1二成员容器和项目(container / item)2二根轴主轴与交叉轴(main-axis / cross-axis)3二根线起始线(main/cro原创 2022-05-06 14:31:22 · 1339 阅读 · 0 评论 -
html跑马灯效果
在 Vue 中使用 jquery.liMarquee.js 插件，在 public 目录 index.html 中引入 jquery.liMarquee.js，在 vue 组件中的 mounted 属性里，使用 liMarquee()方法开启轮播图效果，示例代码如下： mounted() { $(window).load(function () { $(".str3-2").liMarquee(); }); },<div class="jq22-contai转载 2022-04-27 14:53:45 · 1234 阅读 · 0 评论 -
HTML5基础教程（21）Audio(音频)
文章目录导语互联网上的音频浏览器支持Audio如何工作音频格式及浏览器支持结语导语本篇文章将介绍HTML5 Audio(音频)，它为我们提供了播放音频文件的标准。互联网上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准，即使用 < audio > 元素。浏览器支持Internet Explorer 9+, Firefox, Opera, C原创 2022-04-22 15:27:23 · 1359 阅读 · 0 评论 -
HTML5开发笔记（1）开发常见的7个框架
文章目录HTML5框架介绍1. Siimpler2.lonic3.Foundation4.Enyo5.LimeJS6.Bootstrap7.juery UI其他相关的笔记HTML5框架介绍HTML5凭借着自己跨平台、实时更新、免安装等等优势，现在已经逐渐受到越来越多的初学者的宠爱，本篇文章将为大家作为开发路上的笔记记录编程路上的点滴。1. SiimplerSiimpler是一个简单的开发框架，你可以选择自己喜欢的部分，来高效又便利地创建一个HTML5开发结构、web开发者也可以通过这个框架文件和文件原创 2022-04-22 14:33:22 · 2169 阅读 · 0 评论 -
HTML5基础教程（20）Video(视频)
文章目录导语Web站点上的视频浏览器支持HTML5视频是如何工作的视频格式与浏览器的支持使用 DOM 进行控制结语导语本篇文章将为各位读者介绍HTML5 Video(视频)。现在几乎所有站点都会使用到视频。HTML5为大家提供了展示视频的标准。Web站点上的视频直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。浏览器支持Internet原创 2022-04-22 14:00:02 · 1218 阅读 · 0 评论 -
HTML5基础教程（19）拖放
文章目录导语拖放浏览器支持HTML5 拖放实例把元素设置为可拖放拖放的内容：ondragstart 和 setData()拖放的位置：ondragover进行放置：ondrop结语导语本篇文章将为各位读者介绍拖放的作用。拖放（Drag ＆ drop）是 HTML5 标准的组成部分。拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome,原创 2022-04-22 12:15:44 · 1306 阅读 · 0 评论 -
HTML5基础教程（18）地理定位
文章目录导语定位用户的位置浏览器支持HTML5使用地理定位如何处理错误和拒绝在地图中显示结果getCurrentPosition() 方法 - 返回数据其他有趣的方法结语导语本篇文章将介绍HTML5 Geolocation，它用于对用户的位置进行定位。定位用户的位置获得用户的地理位置需要用到的便是HTML5 Geolocation API 。当然，获取用户位置功能涉及到侵犯到用户的个人隐私，因此，除非是用户同意使用，否则用户的位置信息是不可用的。浏览器支持Internet Explorer 9原创 2022-04-22 11:28:21 · 1121 阅读 · 0 评论 -
HTML5基础教程（17）SSE
本篇文章将介绍HTML服务器发送事件，即server-sent event。它允许网页获得来自服务器的更新。原创 2022-04-21 17:32:12 · 1765 阅读 · 0 评论 -
HTML5基础教程（16）Web Workers
文章目录导语何为Web Worker浏览器支持Web Workers实例开始前需要做的事创建 web worker 文件创建 Web Worker 对象终止 Web Worker完整的 Web Worker 实例代码结语导语本篇文章将为大家介绍HTML5的Web Workers，web worker 是运行在后台的 JavaScript，不会影响页面的性能。何为Web Worker简而言之Web Worker是运行在后台的JavaScript，他独立于其他的脚本。通常HTML页面执行脚本时。页面的状原创 2022-04-21 16:43:09 · 1129 阅读 · 0 评论 -
HTML5基础教程（15）应用程序缓存
文章目录导语何为应用程序缓存浏览器支持HTML5 Cache Manifest 实例Cache Manifest 基础Manifest 文件CACHE MANIFESTNETWORK更新缓存结语导语本篇文章将为各位读者介绍应用程序缓存相关的知识。在HTML5中，我们通过创建一个 cache manifest 文件，就可以毫不费力地得到一个web 应用的离线版本。何为应用程序缓存应用程序缓存（Application Cache），可以将页面上的数据信息在离线状态下访问，HTML5引入应用程序缓存，为应原创 2022-04-21 15:35:15 · 1113 阅读 · 0 评论 -
HTML5基础教程（14）Web SQL 数据库
文章目录导语HTML5 Web SQL 数据库导语本篇文章我们将为各位读者介绍有关Web SQL 数据库相关的知识。HTML5 Web SQL 数据库HTML5规范中并没有Web SQL 数据库 API，它是一个独立的规范，将一组使用了SQL的api引入了来操作客户端数据库。Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。你也可以参考原创 2022-04-21 14:25:46 · 1976 阅读 · 0 评论 -
HTML5基础教程（13）Web 存储
文章目录导语何为HTML5 Web 存储？浏览器支持本地存储对象localStorage 对象sessionStorage 对象结语导语本篇文章中，将会为各位读者介绍HTML5的web存储。何为HTML5 Web 存储？HTML5web存储是一种比cookie更好的本地存储方式。至于为什么这么说，在HTML5问世之前，本地存储的都是在cookie中，包括每一个服务器的请求。但是我们需要更加安全与快速的存储方式，本地存储则满足这些需求，而且在不影响网站性能的情况之下能够将大量数据存在本地。但是相对的原创 2022-04-21 11:38:25 · 1175 阅读 · 0 评论 -
HTML5基础教程（12）表单属性3
文章目录导语< input > multiple 属性< input > pattern 属性< input > placeholder 属性< input > required 属性< input > step 属性结语导语本篇文章将介绍剩余的HTML5表单属性。< input > multiple 属性multiple 属性是一个 boolean 属性.multiple 属性规定< input > 元素中可选择原创 2022-04-20 15:11:01 · 1137 阅读 · 0 评论 -
HTML5基础教程（11）表单属性2
文章目录导语< input > formmethod 属性< input > formnovalidate 属性< input > formtarget 属性< input > height 和 width 属性< input > list 属性< input > min 和 max 属性结语导语本篇文章我们将继续阐述有关html5的表单属性相关知识。< input > formmethod 属性formmethod原创 2022-04-20 14:31:31 · 1142 阅读 · 0 评论 -
HTML5基础教程（10）表单属性
文章目录导语HTML5 新的表单属性< form > / < input > autocomplete 属性< form > novalidate 属性< input > autofocus 属性< input > form 属性< input > formaction 属性< input > formenctype 属性结语导语本篇文章及之后的几篇文章将为各位读者介绍HTML5新的表单属性。HTML5 新的表单属性原创 2022-04-20 13:47:14 · 1112 阅读 · 0 评论 -
HTML5基础教程（9）表单元素2
文章目录导语HTML5 新的表单元素< datalist >元素HTML5 < output > 元素总结结语导语本篇文章将为大家介绍HTML5中新的表单元素方面的知识。HTML5 新的表单元素HTML5中相比以往新增了如下表单元素：< datalist >< keygen >< output >还请注意：并不是所有的浏览器都支持这些新的元素，但是在使用常规元素时即使不支持表单元素的浏览器也能够正常显示页面。< datali原创 2022-04-20 11:40:01 · 1088 阅读 · 0 评论 -
HTML5基础教程（8）表单元素
文章目录导语HTML表单HTML表单的输入元素文本域密码字段单选框复选框提交按钮Action属性Method属性get与post的使用时机Name 属性用 组合表单数据结语导语从本篇开始我们将介绍HTML5的表单元素相关的知识，HTML5中增加了不少新的东西，但我们会从HTML标准开始讲起。HTML表单HTML表单用于收集用户输入的各种类型的数据。表单是一个包含各种表单元素的区域。表单元素则是用户输入的各种内容，例如以下内容：文本域、下拉框列表、单选/多选框等元素。表单以< from >原创 2022-04-20 10:58:41 · 1188 阅读 · 0 评论 -
HTML5基础教程（7）语义元素2
文章标题导语HTML5 < nav > 元素HTML5 < aside > 元素HTML5 < header > 元素HTML5 < footer > 元素HTML5 < figure > 和 < figcaption > 元素Internet Explorer 8 及更早IE版本中的问题结语导语书接上文，前面的文章提供了几个例子供大家学习参考，本章将接着为各位读者阐述各元素的功能以及实例。HTML5 < nav >原创 2022-04-19 18:38:07 · 988 阅读 · 0 评论 -
HTML5基础教程（6）语义元素
文章目录导语何为语义元素浏览器支持HTML5中新的语义元素HTML5 < section >元素HTML5 < article > 元素嵌套元素结语导语从本篇开始我们将讲述HTML的语义元素何为语义元素语义学，即为对语言意义的研究，语义元素是拥有意义的元素。语义元素能够将自己的意义描述给开发者与浏览器。非语义元素的例子有：< div > 和 < span >等，与它们类似的元素无法向我们展示有关内容的信息。语义元素的例子有：、 和 ，与它们类似的原创 2022-04-19 17:59:21 · 1168 阅读 · 0 评论 -
HTML5基础教程特别篇——代码规范（3）
文章目录导语HTML注释样式表在 HTML 中加载 JavaScript通过 JavaScript 访问 HTML 元素使用小写文件名文件拓展名那么.htm与.html有区别吗？结语导语本篇文章是代码规范的尾声。希望借助本篇文章为各位带来最详细的规范教程。HTML注释HTML的注释可以写在 < !-- 和 – > 中，如下所示：<!-- 这是注释 -->较长的注释可以选择在< !-- 和 – > 中分为几行去写：<!-- 智能建筑，数字物联原创 2022-04-19 16:11:45 · 1215 阅读 · 0 评论 -
HTML5特别篇——代码规范（2）
文章目录导语空格和等号请避免一行代码过于冗长空行与缩进表格与列表有关省略 和 那么是否可以省略 ?元数据结语导语上次我们介绍了一部分HTML5的代码规范，本篇文章将承接上文为大家介绍更多的代码规范相关示例。空格和等号等号前后的空格是合乎规则的：<link rel = "stylesheet" href = "styles.css">但是还请各位减少空格的使用，这样便于精简阅读：<link rel="stylesheet" href="styles.css">请避原创 2022-04-19 11:59:27 · 1216 阅读 · 0 评论 -
HTML5基础教程特别篇——代码规范（1）
文章目录导语HTML的代码约定请使用正确的文档类型推荐的元素名编写方式请关闭所有 HTML 元素请使用小写属性名属性值图片的属性导语经过前几章有关图形绘制的介绍，想必各位已经对HTML5有了一定的兴趣，但是也许其中有一些你未曾注意到的细节需要纠正，本篇文章将就HTML5的代码规范向大家进行讨论。HTML的代码约定即使是web开发人员。对于HTML的代码规范也会一头雾水，不确定HTML中使用的样式以及语法，自2000起，之后的十年里，不少web开发人员从HTML转入XHTML。拜XHTML严格的代码验原创 2022-04-19 10:45:26 · 2481 阅读 · 0 评论 -
HTML5基础教程（5）SVG
文章目录导语何为SVGSVG的优势SVG嵌入HTML页面SVG与Canvas的区别导语上一篇文章中介绍了canvas，本次我们接着讲述图形中的SVG。何为SVGSVG指可伸缩矢量图形，它用于定义网络中基于矢量的图形。它使用XML格式定义图形，SVG图像再放大或改变尺寸的情况下企图性质量不会有损失。SVG格式也是万维网联盟的标准。HTML5支持内敛SVG，svg标签元素是svg图形的容器。当然同样的，SVG有各种各样的绘制图形的方法。SVG的优势与其他的格式相比，SVG格式的优势在于：1.SVG原创 2022-04-18 18:21:29 · 1096 阅读 · 0 评论 -
HTML5基础教程（4）Canvas
文章目录导语什么是 Canvas？如何创建Canvas元素尝试使用 JavaScript 来绘制图像Canvas - 坐标Canvas - 路径Canvas - 文本Canvas - 渐变Canvas - 图像结尾导语上一篇文章中我们讲了HTML5中新的元素及其描述，本篇文章中我们将讲述有关HTML5 Canvas的知识点。什么是 Canvas？在网页上绘制图形就需要用到Canvas元素。一些图表和图像也能够使用Canvas绘制。HTML5的Canvas使用JavaScript，在一个名为画布的矩形原创 2022-04-18 17:56:45 · 1169 阅读 · 0 评论 -
HTML5基础教程（3）新的元素
文章目录在HTML5中的新元素< canvas > 新元素新的表单元素新的多媒体元素新的语义/结构元素HTML5 - 新的属性语法HTML5 图像在HTML5中的新元素在1999年之后，HTML4.01已经改变了不少。而如今，在html4.01中的几个元素已经不再被使用，他们之中有的在html5中被删除，有的在html5中被重新定义。为了能够在现在的互联网环境中更好的处理应用，许多新的功能与新的元素加入到了html5之中，例如：绘制图形、多媒体、更为丰富的页面结构、更加完善的形式处理以及ap原创 2022-04-18 15:54:42 · 1056 阅读 · 0 评论 -
HTML5基础教程（2）HTML元素
文章目录HTML5的浏览器支持如何把HTML5定义为块元素如何在HTML里添加新的元素关于Internet Explorer 浏览器棘手的问题Shiv解决方案HTML5的浏览器支持目前市面上的大部分浏览器都支持HTML5。不过无论是早期的浏览器版本，亦或者是最新的浏览器版本，由于浏览器有着对无法识别的元素会作为内联元素自动处理的特性，我们可以让浏览器自己“学会”去处理“未知”的HTML元素。还请注意：即使是古早的IE6浏览器也能够通过一些方式来处理这些未知的HTML元素。如何把HTML5定义为块元素原创 2022-04-18 12:01:45 · 1305 阅读 · 0 评论 -
HTML5 基础教程
文章目录什么是 HTML5？HTML5 中的新内容HTML5 - 新的属性语法HTML5 - 新特性HTML5 - 被删元素什么是 HTML5？HTML5，它是目前最新的HTML标准；它是专门为承载丰富的 web 内容而设计的，并且不需要额外插件；它拥有全新的语义、图形以及多媒体元素；它提供的新元素和新的 API 简化了 web 应用程序的搭建；它是跨平台的，被设计为能够在不同类型的硬件平台（PC、平板、手机、电视机等等）上运行。我们将会在下面的章节中学习如何使用HTML5，以及在老版本浏览器原创 2022-04-15 14:40:30 · 1119 阅读 · 0 评论