HTMl主题的文章列表，还有HTMl的技术要点_第26页

html脱离文档流事件

补充margin的margin:0auto;网页居中css层叠的问题css有两个性质1继承性2层叠性选择器的一种选择能力权重谁的权重大就选谁选不中，走继承性权重0有多个父级都设置了样式，走就近原则选中，权重大就选谁，相同谁在后选谁纯标签与类没有可比性纯类与id也没有可比性标准文档流浏览器的排版是...

代码星球 ·2020-12-25

入门HTML

结构<!DOCTYEhtml> <html> <head> <met...

代码星球 ·2020-12-25

js使用html2canvas实现页面截图并保存图片

最近在项目中碰到了一个需求是要求把当前页面当成图片下载到本地供首页banner图展示，当时看到需求，一直在找怎么把当前页面导成图片的方法，但是试了很多方法都没成功（原谅我还是很菜,哈哈），这时候在网上看到个帖子，类似是做屏幕截图，下载到本地，于是我找到了一个名叫‘html2canvas’的工具，试了之后，完...

代码星球 ·2020-12-24

从了解Hash和Html5 History 到简单实现路由

hash属性是一个可读可写的字符串，该字符串是URL的锚部分（从#号开始的部分）,在页面中的hash有多种功能意义:锚点url:http://www.example.com/index.html#jumpdom:<aname="jump"></a>或者<divid="jump">&n...

代码星球 ·2020-12-24

使用html5 canvas绘制圆形或弧线

在html5中，CanvasRenderingContext2D对象也提供了专门用于绘制圆形或弧线的方法，请参考以下属性和方法介绍：arc(x,y,radius,startRad,endRad,anticlockwise)在canvas画布上绘制以坐标点 (x,y)为圆心、半径为 radius的圆上...

代码星球 ·2020-12-24

React Native 使用 react-native-webview 渲染 HTML

在App中，渲染 html 是一个非常常见的功能，有可能是直接渲染 html 字符串或者是通过URL渲染远程HTML页面。react Native提供了一个WebView组件以供我们实现HTML的渲染。早先WebView是在 react Native...

代码星球 ·2020-12-24

html5:FileAPI 文件操作实战

html5为我们提供了FileAPI相关规范。主要涉及 File接口和 FileReader对象。本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。首先，我们的File来自于<input>...

代码星球 ·2020-12-24

HTML中6种空白空格

html提供了5种空格实体（spaceentity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ &ensp;&emsp; &zwnj;&zwj;）在不同浏览器中宽度各异。 &n...

代码星球 ·2020-12-24

html页面加载海量数据的实现

10w条记录的数组，一次性渲染到页面上，如何处理可以不冻结UI？页面上有个空的无序列表节点ul，其id为list-with-big-data，现需要往列表插入10w个li，每个列表项的文本内容可自行定义，且要求当每个li被单击时，通过alert显示列表项内的文本内容。<!DOCTYPEht...

代码星球 ·2020-12-24

总结那些有默认margin,padding值的html标签

在chrome中：16,15,14,16,17,19;在firefox中：16,15,14,16,17,20;在safari中：16,15,14,16,17,19;在opera中：16,15,14,14,17,21;在maxthon中：16,14,14,15,16,18;在IE6.0中：都是19；在IE7.0中：都是1...

代码星球 ·2020-12-24

HTML5表单标签

表单简介Form表单主要用于用户与Web应用程序进行数据的交互，它允许用户将数据发给web应用程序，网页也可以拦截数据的发送以便自己使用。form通常由一到多个表单元素组成，这些表单元素是单行/多行文本框，下拉菜单，按钮，复选框，单选按钮，时间表单元素时一般要配合label标签，用于描述其目的。其可用属性如下。&nbs...

代码星球 ·2020-12-24

html刮刮卡效果实现

公司国庆搞了个集卡、抽奖小活动。抽奖需要刮刮卡的效果，感觉 css 是实现不了。看我使用canvas如何实现刮刮卡效果。废话不多说，线上效果 jsrun-测试地址、 lilnong.top-测试地址 clearRect 这是我第一个找到的API，作...

代码星球 ·2020-12-24

什么是<!DOCTYPE html>，以及其重要

什么是<!DOCTYPE html>？在html文档初，往往会有这么一句话<!DOCTYPEhtml>，那么它的意义是什么呢？它是html5标准网页声明,全称为DocumentTypeHyperTextMark-upLanguage，意思为文档种类为超文本标记性语言或超文本链接标示语言...

代码星球 ·2020-12-24

HTML中的块级元素有哪些？

在css基础当中，我们往往会遇到块元素和行内元素，块元素和行内元素也是很重要的基础知识。那么块级元素是什么？html中的块级元素有哪些？什么是块级元素？display属性为block的元素为块级元素。通常块级元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形...

代码星球 ·2020-12-24

HTML5常用API

页面可见性API——PageVisibilityAPI全屏API——FullScreen访问摄像头和麦克风——getUserMediaAPI电池API——BatteryAPI预加载——LinkPrefetching监听屏幕旋转变化接口:——orientationchange手机震动:——window.navigator...

代码星球 ·2020-12-24