编程零基础想要入门学习SVG互动排版之前,建议大家还是先了解一下HTML5网页基础知识,因为SVG是HTML5的一小部分,掌握HTML5网页基础有利于学习和上手SVG互动排版的相关知识,本文给大家讲解如下几点:
-
一篇公众号文章就是一个网页
-
HTML5网页包含HTML、CSS、JavaScript
-
创建HTML5网页文件
-
SVG排版常用元素/标签
-
SVG排版常用样式属性
-
了解JavaScript脚本
1. 一篇公众号文章就是一个网页
当我们在公众号后台编辑群发一篇文章,关注我们的用户能在微信(微信里面有内置浏览器)或浏览器里打开查看文章内容,那么用户打开的公众号文章其实就是一个HTML5网页。从网页前端开发的角度来理解,编辑排版公众号文章就是在编辑开发网页,比如文字的行高、文字的大小、文字颜色、段落间距等等,这些都需要使用HTML5的代码从而实现文章内容排版。<