html&html5
文章平均质量分 67
html和html5相关
子月吾生
one day by one day
展开
-
瞄点到某个具体位置的实现方式
1、给要瞄点文本添加id属性(id属性针对任何标签都生效),通过a标签href属性的hash值进行跳转<body> <div id="go-here">待瞄点文本</div> <div> <span><a href="#go-here"></a><\span> </div></body>2、给要瞄点文本添加name属性(name属性针对a标签生效),通过a标签h原创 2020-08-14 17:51:28 · 271 阅读 · 0 评论 -
限制input输入长度与内容
如果输入的是数字,通过监听input事件再通过slice进行截取限制长度<input type="number" oninput="f(value.length>6)value=value.slice(0,4)">如果输入的是文字或者字符,就会有一个maxlength属性进行限制长度<input type="text" placeholder="只能输入六个字符" maxlength="6">...原创 2020-09-07 20:02:48 · 13648 阅读 · 0 评论 -
离线存储
Web存储机制Web Stroage的两个主要目标:提供一种在cookies之外存储会话数据的途径提供一种存储大量可以跨会话存在的数据的机制—— storage类型: 提供最大的存储空间来存储名值对儿。有如下方法:clear(): 删除所有值。firefox中没有实现。getItem(name): 根据指定的属性名字获取对应的值。key(index): 获得in...原创 2018-09-13 12:32:19 · 623 阅读 · 0 评论 -
Canvas绘图
Canvas绘图——基本用法: 要在这块画布(canvas)上绘图,需要取得绘图上下文, 此时就要调用getContext()方法并传入上下文的名字。传入2d就可取得2d上下文对象。 同时在使用canvas元素之前首先要检测getContext()方法是否存在,虽然浏览器会为该标签创建一个DOM对象,而且可以应用它但它可能并没有getContext()方法。 如下:&lt;can...原创 2018-09-14 10:11:59 · 182 阅读 · 0 评论 -
background-positoin详解
如何使用背景图片位置 .block { margin: 0 auto; border: 5px solid yellow; width: 600px; height: 600px; background:no-repeat url(./img/demo1.jpg); ...原创 2018-09-27 12:45:56 · 274 阅读 · 0 评论 -
canvas应用
&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; .btn{ positio原创 2019-03-10 09:43:50 · 299 阅读 · 0 评论 -
html5标签变化知识点汇总
HTML5在移动互联网中的优势之一:它是唯一一个通吃Mac、PC、iPhone、Android等主流平台的跨平台语言。所以只要开发一遍,就可以在各个平台使用。Web改变趋势:Native APP ——>Web APP ——> Hybrid APP一、HTML5标签变化1、DOCTYPE声明(1)DOCTYPE声明必须是HTML文档的第一行,位于html标签之前,它不是HT...原创 2019-07-29 15:36:06 · 360 阅读 · 0 评论 -
HTML5属性变化汇总
一、input新增type类型新增了:email、url、tel、number(主要针对移动端) <input type="email" name="email"> <input type="url" name="url"> <input type="tel" name="tel"> <input type="num...原创 2019-08-02 15:13:25 · 312 阅读 · 0 评论