HTML - 分享生活和学习中的点点滴滴

前端技术 2023/09/08 HTML

利用HTML5的新特点做文件异步上传非常简单方便，本文主要展示JS部分，html结构。下面的代码并未使用第三发库，如果有参照，请注意一些未展现出来的代码片段。我这边的效果预览： 1.文件未选择 2.文件已选择 HTML代码部分：思路：下面代码中我利用css...

HTML5有哪些新特征

前端技术 2023/09/08 HTML

一、HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、dat...

前端技术 2023/09/08 HTML

复制代码代码如下:<!DOCTYPE html><html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"><titl...

前端技术 2023/09/08 HTML

需要对div或者span同时应用Css：复制代码代码如下: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 即可实现所想要得到的溢出文本显示省略号效果。当然了你的页面元素要设置固定的宽...

前端技术 2023/09/08 HTML

在开发移动端 web 或者webapp时，使用百度地图 API 的过程中，经常需要通过手机定位获取当前位置并在地图上居中显示出来，这就需要用到html5的地理定位功能。复制代码代码如下:navigator.geolocation.getCurrentPosition(call...

html5 canvas 使用示例

前端技术 2023/09/08 HTML

复制代码代码如下:<!DOCTYPE HTML><html><head> <meta charset=\"UTF-8\"> <title>HTML5示例</title> <style type=\"t...

前端技术 2023/09/08 HTML

今天讲课的时候，讲到了html中的标签的显示模式，大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用，比如宽、高、水平居中等，其实这个属性的使用只有在块级标签上使用才起作用。个人认为这个也是初学者非常容易忽略的地方，所以我就把它记下来！ ...

前端技术 2023/09/08 HTML

<canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。 ...

前端技术 2023/09/08 HTML

使用meta实现页面的定时刷新或跳转 XML/HTML Code复制内容到剪贴板 <meta http-equiv=\"refresh\" content=\"5\"> 这个表示当前页面每5秒钟刷一下，刷一下~ XML/HTML Code复...

浅析HTML5中header标签的用法

前端技术 2023/09/08 HTML

<header>标签定义文档的页眉，通常是一些引导和导航信息。它不局限于写在网页头部，也可以写在网页内容里面。在新的标准中header标签定义如下： \"A group of introductory or navigational aids.”基本意思是“一组介绍...

关闭

我的博客