从Word迁移到HTML的第一步：使用Word文档打开文件，并以“过滤的网页*.htm，*.html”格式将文档保存在“a文件夹”下
在这种情况下，将在“a文件夹”下添加另一个文件和文件夹。
文件：包含html内容、js脚本和css样式，单击可直接在浏览器中预览文件夹。 包含word文档的图像
步骤使用编辑器打开html或htm文件(vscode示例) )。
出现乱码时，点击右下角的UTF-8，选择用编码重新打开，点击后选择gb2312即可
如果还存在乱码，尝试了剩下的编码格式或者进行了谷歌搜索，word软件转换的html应该以什么编码格式打开？
步骤3 )在浏览器中打开htm (或html )文件，单击目录以跳转到相应的锚点
第四步：此时开始调整风格。 使用div class='left-nav/div '包装整个目录。 通过vscode的搜索功能，可以快速找到整个目录的要素。 例如，我搜索了“一、业主方APP”中可能有多个匹配项目。 可以在hml (或html )中打开的网页，可以快速查看与目录匹配的第几个数字是在目录元素的开头添加div class='left-nav '，并在末尾添加/div搜索/style以实现css body div { position 3360 rav } overflow : hidden； 边距-左边缘： 260 px； }.left-nav { float: left； width: 260px； 定位：固定； top: 0； left: 0； overflow-y: auto； height: 100%； background: #fafafa； border-right: 1px solid #eee； padding-bottom: 20px； }.left-nav a { color: #364149； 显示：在线块； padding: 8px 0； 文本解码： none； }.left-nav a:visited， left-nav span.msohyperlinkfollowed { color : # 008 CFF； }.left-nav a:active， left-nav span.MSO hyperlink { color : # 008 CFF； }.left-navp : last-child { margin-bottom 336020 px； } p.msotocheading { padding :20 px 0！ 导入； 文本照明3360中心； page-break-after:auto； 颜色： # 364149； 字体权重： bold； } p.MSO TOC1{ padding-left :10 px； } p.MSO to C1 span { font-weight : bold！ 导入； } p.MSO TOC2{ margin-left :16 px； } p.MSO TOC3{ margin-left :40 px； } p.MSO to C3 span { font-size :15 px； }.zw2 { padding-top: 30px； }实际上，在包装的目录要素中设定固定的对齐和样式内容，同时在内容要素中设定左边距(margin-left )
如果在添加保存代码时被告知无法直接修改，则选择直接命名保存即可。 这里保存了rong.htm (名字不限)。
要点：详细调查步骤4的目录要素的检索方法
您可以先选择所有htm代码，然后使用编辑器提供的代码组织功能使代码格式更易于阅读。 为什么我的文件转换后的文件中没有目录转换文件，原本不存在的东西就不会出现。 如果目录不存在于word文档中，则必须使用word的插入目录功能，然后单击“浏览-目录”生成目录
请注意，选择第一个生成的目录，而不选择第二个目录。 如果不选择，则会花费时间，htm文件中的“…”将被删除
浏览器控制台与编辑器配合使用，可以快速定位。 通常，WordSectionX div基于目录生成位置MsoTocX或目录级别。 第1级目录为MsoToc1，按如下方式找到最后一个MsoTocX : 也就是说，它是必须用div class='left-nav'/div包装的HTML
word转换为html后，某些内容呈现与以前不同
大部分原因是使用形状，因此，可以在word文档中自由拖动的元素应该尽可能水平居中。 这有助于对齐元素，因为对齐不正确，并且渲染的元素可能会使用word的表格功能被隐藏起来