首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

技术分享 | web前端的HTML浅析

HTML发展 在互联网最初的时候是没有 HTML 的,只能通过网络传输最简单的文字内容。随着用户的要求越来越多,同时也随着技术的不断发展,就出现了一种可以表达文字内容之外的语言 HTML1.0。...后来又慢慢发展到了现在的 HTML5,也就是现在常说的 H5。 HTML查看工具 在测试过程中,有时候需要通过工具去查看对应的 HTML 代码。...用 HTML 语言去书写网页有一些结构是默认必须存在的, 这个结构就叫做网页(HTML)骨架。 HTML 基本标签 标签 标签就是 HTML 语言的发明者人为定义好的一些“单词”,不同的标签代表了不同的功能。...DOCTYPE html>:向浏览器声明当前的文档是 HTML 类型。 与 之间的文本描述网页,是网页当中最大的一个标签,称之为根标签。

35570

Grouper.html: 分享群组的最佳方式

还是修改折影轻梦的模板,不过这一回我加上了比较多的特性,并且做成了一个开源项目:hifocus/Grouper.html [预览一下] 特性 感觉自己的构思能力还是挺好的,并且在 @保罗 的帮助下,再加上搜索引擎...然后我想到在 HTML 里面通过 Javascript 先 var 出来群组的群号,然后嵌入到 QQ API 里面获得高清的头像,再用 Javascript 修改相应标签的 CSS 属性,达到自动切换群头像的效果...才会知道还要加载 Spectre.CSS,考虑到 Style.CSS 不会自带 CDN,但是 Spectre.CSS 可以从全球速度都非常快的 jsDelivr 加载,这样做反而本末倒置了,所以就一并在 HTML...DOCTYPE html> 头部以增加兼容性,以及加上 lang 设置开启 Spectre.CSS 对于特定语言的 Font-Family 设置: 然后加上 MetingJS 播放器,以及 Google Analytics 统计代码: <!

1.1K60

Web动态图片合成与分享——html2canvas方案实践

一、应用场景 在web侧运营活动中,分享传播是重要的一环。普通的h5链接/结构化消息分享已经不能满足产品越来越大的脑洞。...在很多场景下,我们需要将个性化内容(如帐号信息,头像,用户输入等)固化为一张完整的图片,一秒分享到朋友圈&AIO&群,藉此提高传播效率。...万幸的是,我们有一个强大的工具——html2canvas。 html2canvas是一套由个人开发的开源工具,用于把html标签绘制的dom内容转为canvas。...笔者借着开发运营活动的契机,对html2canvas的使用、以及和后续的保存/分享链路做了一个梳理,以供参考。 注意,本文所有的例子都基于html2canvas 1.0版本来实现。...该例子中,PC端在取到分享图后,通过Blob标签的方案,实现点击保存到本地功能。

7.9K40

高大上的微信小程序中渲染html内容—技术分享

[1240] 大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题。但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢?...#实现过程 ###解析HTML 首先仍然是要把HTML字符串解析为树结构的数据,我采用的是「特殊字符分隔法」。HTML中的特殊字符是「」,前者为开始符,后者为结束符。...过程正如下面的表格所示: [image.png] 经过上述流程,HTML字符串就被解析为节点树了。...e.detail.fullScreen) { wepy.createVideoContext(e.currentTarget.id).pause(); } } } 本文分享就到这里了。...自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的

4.6K10
领券