SVG排版教程 | SVG排版入门基础知识汇总

编程零基础想要入门学习SVG互动排版之前，建议大家还是先了解一下HTML5网页基础知识，因为SVG是HTML5的一小部分，掌握HTML5网页基础有利于学习和上手SVG互动排版的相关知识，本文给大家讲解如下几点：

1. 一篇公众号文章就是一个网页

2. HTML5网页包含HTML、CSS、JavaScript

3. 创建HTML5网页文件

4. SVG排版常用元素/标签

5. SVG排版常用样式属性

6. 了解JavaScript脚本

1. 一篇公众号文章就是一个网页

当我们在公众号后台编辑群发一篇文章，关注我们的用户能在微信（微信里面有内置浏览器）或浏览器里打开查看文章内容，那么用户打开的公众号文章其实就是一个HTML5网页。从网页前端开发的角度来理解，编辑排版公众号文章就是在编辑开发网页，比如文字的行高、文字的大小、文字颜色、段落间距等等，这些都需要使用HTML5的代码从而实现文章内容排版。

大家可能会问，编辑排版时我又没有编写代码，怎么会是在编辑开发网页呢？公众号后台的编辑器是一个富文本编辑器，它可以灵活设置内容的样式，有点类似word办公软件。在编辑器操作的每一个步骤都会自动转换成HTML5相关的代码，比如在编辑器操作文字加粗，编辑器会自动生成文字加粗的HTML5代码<stron