html格式

HTML格式规范
万次阅读
2019-02-25 15:30:54
1. 文件

文件格式
1. 字符编码 字符编码必须是UTF-8无BOM格式
  VS Code → 文件 › 首选项 › 设置 › 文件 › Encoding › utf8
2. 行尾序列 必须设置为Unix (LF)？
  VS Code → 文件 › 首选项 › 设置 › 文件 › Eol › \n
文件名称

文件的名称必须使用英文单词，特殊情况下可使用汉语拼音缩写。
1. 字母必须全部小写
  e.g. sidebar.html
2. 单词必须分开并且使用-连接
  e.g. social-media-widget.html
▲ 目录

2. 文档设置

本节展示了完整的HTML文件中所需的主要元素。
1. 文档描述 必须指定并且应该是HTML5的
  e.g. <!DOCTYPE html>
2. 语言必须定义并且包含在 html 标签中
  e.g. <html lang="en">
3. 字符编码 必须指定，并且尽可能在前面定义
  e.g. <meta charset="utf-8">
4. Viewport 必须包含
  e.g. <meta name="viewport" content="width=device-width, user-scalable=no">
5. 兼容IE设定 必须包含
  e.g. <meta http-equiv="X-UA-Compatible" content="ie=edge">
6. title 必须包含
  e.g. <title>Document</title>
7. Head and body 必须包含标签
  e.g. <head></head><body></body>
▲ 目录

示例
```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
</body>
</html>
```
▲ 文档设置

3. 注释

本节介绍如何格式化和使用注释。
1. 单行注释 必须独占一行，内部的文字必须被空格包围
  e.g. 
2. 多行注释 必须在他们自己的行上开始和结束，文字不得缩进
  i.e. 
3. 闭合标签的注释 应该包括类或ID符号和名称
  e.g. </div>
4. 敏感信息 禁止出现在注释中
  e.g. 
▲ 目录

1. 单行注释

单行注释必须独占一行，内部的文字必须被空格包围。

✖ 错误
```

```
↳ 错误，因为  应该在一行内。
```

```
↳ 错误，因为 This is a comment 的前后没有被空格包围。

✔ 正确
```

```
2. 多行注释

多行注释必须在他们自己的行上开始和结束，文字不得缩进

✖ 错误
```

```
↳ 错误，因为 
```
↳ 错误，因为 This is a comment 和 that spans multiple lines 存在缩进。

✔ 正确
```

```
3. 闭合标签的注释

闭合标签的注释应该包括类或ID符号和名称。

✖ 错误
```
<div id="main-wrapper">
    ...
</div>
```
↳ 错误，因为缺少 # 前缀。
```
<div id="main-wrapper">
    ...
</div>
```
↳ 错误，因为 main-wrapper 前缀为 . 而不是 #.

✔ 正确
```
<div id="main-wrapper">
    ...
</div>
```
4. 敏感信息

敏感信息禁止出现在注释中。

✖ 错误
```

```
↳ 错误，因为这里显示了一些信息是从 cookie中来的.

▲ 注释

4. 格式化

本节概述了与空格和文本相关的各种常规格式规则。
1. 行缩进 必须使用四个空格缩进
  i.e. <ul> ↵ ···· <li>
2. 直接子元素 html, body, style 和 script 的直接子元素禁止缩进
  i.e. <body> ↵ <h1></h1> ↵ </body>, <head> ↵ ···· ... </head>
3. 块级、列表和表格元素 必须新开一行，并且他们的子元素必须包含在里面
  i.e. <div> ↵ ·wei <h1>, <table> ↵ ···· <th>
4. 尾空格 禁止出现在闭合标签后
  i.e. 不要 <p></p> · · ↵
5. 标签和属性名称 必须全为小写，并且单词之间用短横线连接（kebab-case）
  e.g. <a href="" title="">, <link rel="stylesheet" href="">
▲ 目录

1. 行缩进

行缩进必须使用四个空格缩进。

✖ 错误
```
<ul>
	<li>Item number one</li>
	<li>Item number two</li>
</ul>
```
↳ 错误，因为 <li> 使用tab而不是使用空格缩进。

✔ 正确
```
<ul>
    <li>Item number one</li>
    <li>Item number two</li>
</ul>
```
2. 直接子元素

html, body, style 和 script 的直接子元素禁止缩进。

✖ 错误
```
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Welcome</title>
        <meta charset="utf-8">
        <style>
            #main-wrapper {
                width: 960px;
            }
        </style>
        <script>
            function show_alert() {
                ...
            }
        </script>
    </head>
    <body>
        <div id="main-wrapper">
            <h1>Welcome</h1>
            <p>This is a skeleton document.</p>
        </div>
    </body>
</html>
```
↳ 错误，因为 <head>, <body> 和 <div> 使用了缩进；
↳ 错误，因为 <style> 和 <script> 包含的内容使用了缩进。

✔ 正确
```
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Welcome</title>
    <meta charset="utf-8">
    <style>
    #main-wrapper {
        width: 960px;
    }
    </style>
    <script>
    function show_alert() {
        ...
    }
    </script>
</head>
<body>
<div id="main-wrapper">
    <h1>Welcome</h1>
    <p>This is a skeleton document.</p>
</div>
</body>
</html>
```
3. 块级、列表和表格元素

块级、列表和表格元素必须新开一行，并且他们的子元素必须包含在里面。

✖ 错误
```
<div><p>This is a paragraph.</p></div>

<ul><li>Item one</li><li>Item two</li></ul>

<table><tr><th>Header</th></tr><tr><td>Content</td></tr></table>
```
↳ 错误，因为 <div>, <ul>, <table> 和 <tr> 没有独占一行；
↳ 错误，因为 <p>, <li>, <tr> 和 <td> 没有使用缩进。

✔ 正确
```
<div>
    <p>This is a paragraph.</p>
</div>

<ul>
    <li>Item one</li>
    <li>Item two</li>
</ul>

<table>
    <tr>
        <th>Header</th>
    </tr>
    <tr>
        <td>Content</td>
    </tr>
</table>
```
4. 尾空格

尾空格禁止出现在闭合标签后。

✖ 错误
```
<p>This is a paragraph.</p>   
```
↳ 错误，因为在 </p> 包含其他空格。

✔ 正确
```
<p>This is a paragraph.</p>
```
5. 标签和属性名称

标签和属性名称必须全为小写，并且单词之间用短横线连接（kebab-case）。

✖ 错误
```
<div ID="mainWrapper" class="DESKTOP">
    <P>This is a paragraph</P>
</div>
```
↳ 错误，因为 ID, mainWrapper, DESKTOP 和 <P> 没有使用小写。

✔ Correct
```
<div id="main-wrapper" class="desktop">
    <p>This is a paragraph</p>
</div>
```
▲ 格式化

5. 元素和属性

本节介绍如何使用元素和属性。
1. 自闭合元素 禁止闭合
  e.g. <br>, <link rel="stylesheet" href="">
2. 可闭合元素 必须闭合
  e.g. <ul><li></li></ul>
3. 属性值 必须使用双引号包裹
  e.g. <a href="" title="">Link</a>
4. 属性布尔值 禁止包含其他值
  e.g. <input type="text" name="" autofocus>
5. 类型和语言属性 必须在 script 标签中省略
  e.g. <script src=""></script>
6. 类型属性 必须在 link 和 style 标签中省略
  e.g. <style src=""></script>
7. 协议应该被省略
  e.g. <link href="//style.css" rel="stylesheet">
▲ 目录

1. 自闭合元素

自闭合元素禁止闭合。

✖ 错误
```
<link href="theme.css" rel="stylesheet" />

<br />
```
↳ 错误，因为 <link> 和 <br> 包含 / 符号.

✔ Correct
```
<link href="theme.css" rel="stylesheet">

<br>
```
2. 可闭合元素

可闭合元素必须闭合。

✖ 错误
```
<!DOCTYPE html>
<html lang="en">
<div id="main-wrapper">
    <h1>Welcome</h1>
    <p>This is a skeleton document.
</div>
</html>
```
↳ 错误，因为缺少 <head></head>, <body></body> 元素和 </p> 闭合标签。

✔ 正确
```
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Welcome</title>
</head>
<body>
<div id="main-wrapper">
    <h1>Welcome</h1>
    <p>This is a skeleton document.</p>
</div>
</body>
</html>
```
3. 属性值

属性值必须使用双引号包裹。

✖ 错误
```
<form action=processor.html class='application'>
    ...
</form>
```
↳ 错误，因为 processor.html 和 application 没有用双引号包裹。

✔ 正确
```
<form action="processor.html" class="application">
    ...
</form>
```
4. 属性布尔值

属性布尔值禁止包含其他值。

~ 可以
```
<input type="text" name="first_name" autofocus="autofocus">
```
↳ 可以, 但是 autofocus 不需要作为 autofocus 属性的值。

✔ 正确
```
<input type="text" name="first_name" autofocus>
```
5. 类型和语言属性

类型和语言属性必须在 script 标签中省略。

✖ 错误
```
<script src="//script.js" type="text/javascript"></script>
```
↳ 错误，因为包含了 type 属性.

✔ 正确
```
<script src="//script.js"></script>
```
6. 类型属性

类型属性必须在 link 和 style 标签中省略。

✖ 错误
```
<link rel="stylesheet" href="//style.css" type="text/css">
```
↳ 错误，因为包含了 type 属性.

✔ 正确
```
<link rel="stylesheet" href="//style.css">
```
7. 协议

协议应该被省略。

~ 可以
```
<link rel="stylesheet" href="http://domain.com/style.css">
```
↳ 可以, 但是 http://domain.com 可替换为 //.

✔ 正确
```
<link rel="stylesheet" href="//style.css">
```
▲ 元素和属性

6. 最佳实践
1. link和script标签位置 必须放置正确
  e.g. <head>...<title>Document</title><link rel="stylesheet" href="style.css"></head>
2. 遵循HTML标签的嵌套规则
  i.e. 正确 <ul><li></li></ul>, 错误 <ul><p></p></ul>
3. 表单字段标签label 必须对应相应的input标签
  e.g. <label for="pwd"></label><input name="pwd" type="text">
4. 表单的name属性值 必须用下划线连接两个单词
  e.g. <input type="text" name="first_name">
5. 字符实体 禁止使用
  i.e. 正确 —, 错误 —
6. alt属性 禁止为空
  i.e. 正确 <img href="img.jpg" alt="img">, 错误 <img href="img.jpg">
7. 结构、表现、行为三者分离
8. HTML只关注内容（只表现为结构）
9. SEO优化
10. 语义化
▲ 目录

1. link和script标签位置

引入css文件的<link>标签放在</title>与</head>标签之间一般的引入js文件的<script>标签放在</body>标签之前，特殊的例如模块加载器（异步加载模块等）放在<link>标签之前(Why?)

✖ 错误
```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <script src="index.js"></script>
</head>
<body>
    ...
</body>
</html>
```
↳ 错误，因为 <script> 标签放置在头部。

✔ 正确
```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    ...
<script src="index.js"></script>
</body>
</html>
```
2. 遵循HTML标签的嵌套规则

基本的HTML标签嵌套规则：
- <ul>/<li>, <ol>/<li>和 <dl>/<dt>``<dd>是拥有父子级关系的标签, <ul>, <ol>, <dl> 只可以嵌套他们对应的子元素，而 <li>, <dd> 可以嵌套其他任意元素, <dt>禁止嵌套块级元素。
- <h1~6>, <pre>和 <dt>禁止嵌套块级元素。
- <button> 标签不可以嵌套交互性元素( <a>, <input>, <select>, <textarea>等)。
- 一般情况下行内元素不能嵌套块元素。
✖ 错误
```
<ul>
    <li>Item one</li>
    <li>Item two</li>
    <ul>
        <li>Sub-item one</li>
        <li>Sub-item two</li>
    </ul>
</ul>
```
↳ 错误，因为 <ul> 不可以直接嵌套 <ul>

✔ Correct
```
<ul>
    <li>Item one</li>
    <li>Item two</li>
    <li>
        <ul>
            <li>Sub-item one</li>
            <li>Sub-item two</li>
        </ul>
    </li>
</ul>
```
3. 表单字段标签label

表单字段标签label必须对应相应的input标签。

✖ 错误
```
<input type="radio" name="gender" id="male" value="male">
<input type="radio" name="gender" id="female" value="female">
```
↳ 错误，因为缺少 <label> 标签。

✔ 正确
```
<input type="radio" name="gender" id="male" value="male"> <label for="male">Male</label>
<input type="radio" name="gender" id="female" value="female"> <label for="female">Female</label>
```
4. 表单的name属性值

表单的name属性值必须用下划线连接两个单词。

✖ 错误
```
<input type="text" name="emailaddress">
<input type="text" name="email-address">
```
↳ 错误，因为 emailaddress 和 email-address 没有使用下划线连接。

✔ 正确
```
<input type="text" name="email_address">
```
5. 字符实体

字符实体禁止使用。

✖ 错误
```
&euro;
```
↳ 错误，因为使用了 € 字符实体.

✔ 正确
```
€
```
6. alt属性

alt属性禁止为空。

✖ 错误
```
<img href="img.jpg">
```
↳ 错误，因为缺少了 alt 属性.

✔ 正确
```
<img href="img.jpg" alt="img">
```
7. 结构、表现、行为三者分离

尽量在文档和模板中只包含结构性的 HTML；而将所有表现代码，移入样式表中；将所有动作行为，移入脚本之中。
在此之外，为使得它们之间的联系尽可能的小，在文档和模板中也尽量少地引入样式和脚本文件。

建议：
- 不使用行内样式
  e.g. <div style="..."></div>
- 不在元素上使用 style 属性
  e.g. <hr style="border-top: 5px solid black">
- 不使用行内脚本
  e.g. <script>alert('no good')</script>
- 不使用表象元素
  e.g. <b>, <u>, <center>, <font>, <b>
- 不使用表象类名
  e.g. red, left, center
8. HTML只关注内容（只表现为结构）

HTML所构建的文档应该只包含当前页面的结构，增强代码的可读性和可维护性。
- HTML只显示展示内容信息
- 不要引入一些特定的 HTML 结构来解决一些视觉设计问题
- 不要将 <img> 元素当做专门用来做视觉设计的元素
- 样式上的问题应该使用 css 解决
- 一些表现型的元素可通过伪元素来解决，从而减少不必要的DOM节点
9. SEO优化

在构建html页面的时候适当考虑SEO的优化。
- 必须包含 <title> 标签， <title> 标签的内容不宜过长
- 设置关于本网页的 description 同时注意不要堆砌关键词
  e.g. <meta name="description" content="description">
- 合理使用 <h1~6> 标签
- <img> 标签的 alt 属性禁止为空
  e.g. <img href="img.jpg" alt="img">
- 对于网页中非常重要的链接采用 title 属性说明，有助于帮助搜索引擎找到网页的重点URL。
  e.g. <a href="https://www.domain.com" title="title">
HTML标签权重分值排列
内部链接文字：10分
标题title：10分
域名：7分
H1，H2字号标题：5分
每段首句：5分
路径或文件名：4分
相似度（关键词堆积）：4分
每句开头：1.5分
加粗或斜体：1分
文本用法（内容）：1分
title属性：1分（注意不是 <title>，是 title 属性）
alt标记：0.5分
Meta描述（Description属性）：0.5分

10. 语义化

我们一直都在说语义化编程，语义化编程，但是在代码中很少有人完全使用正确的元素。
语义化是指：根据元素其被创造出来时的初始意义来使用它。
意思就是用正确的标签干正确的事，而不是只有 div 和 span 。
那么要做到语义化，首先是熟悉各标签的含义：

常用的标签有

a、b、br、button、caption、div、dd、dl、dt、em、form、h1~6、hr、i、iframe、img、input、label、ul、li、ol、option、p、select、span、strong、sub、sup、table、thead、tbody、tr、th、td、tfoot、textarea

html5新增的常用标签有

article、aside、audio、canvas、figcaption、figure、footer、header、nav、progress、section、source、time、video

选取合适的标签来构建表现的文档，不仅有利于增强代码的可读性，而且通常这些标签会带有一定的结构格式，即使没有引入css样式，也会以一种特定的结构呈现，同时也有利于SEO的优化。
更多相关内容
outlook邮件插入HTML格式内容调试
千次阅读 2022-01-05 16:06:45
遇到发送给用户html格式内容的需求，该如何快速测试呢？ Outlook版本： 2016 1.点击左上方“文件”，出现侧边栏，点击“选项” 2.点击“自定义功能区”，勾选“开发工具”，点击确定，使得“开发者工具”选项在...
参考：https://bbs.huaweicloud.com/blogs/112476

遇到发送给用户html格式内容的需求，该如何快速测试呢？

Outlook版本： 2016

1.点击左上方“文件”，出现侧边栏，点击“选项”

2.点击“自定义功能区”，勾选“开发工具”，点击确定，使得“开发工具”选项在最上方出现。

3. 点击“开发工具”选项，点击下方的“宏安全性”，弹框选择“为所有宏提供通知”。

4.点击“开发工具”选项，点击下方的“Visual Basic”,弹框选择“工具”--“引用”，勾选Microsoft Word 16.0 Object Library

5.关闭弹框，点击“开发工具”选项，选择“宏”，自定义名称创建

6.在弹框里的Sub HtmlTest()和End Sub之间插入以下代码，保存。
```
Dim insp As Inspector
Set insp = ActiveInspector
If insp.IsWordMail Then
Dim wordDoc As Word.document
Set wordDoc = insp.WordEditor
wordDoc.Application.Selection.InsertFile "E:\Outlook\test.html", , False, False, False
End If
```
注意：红框部分替换为电脑里HTML绝对路径。

7.保存后，关闭弹框。点击“开始”--“新建邮件”，点击“开发工具”--“宏”，选择刚刚新建的宏，HTML的内容就会出现在邮件正文了。
收起
展开全文
前端
什么是html文件？html格式如何打开？（图文讲解）
千次阅读 2020-06-22 15:57:44

有时我们会遇到html格式的文件需要打开，那么什么是html格式？该怎么打开html格式的文件？这就需要我们知道什么是html格式的文件，html格式的文件其实就是超文本标记语言文件，就是后缀名为.html或者.htm都为html...

有时我们会遇到html格式的文件需要打开，那么什么是html格式？该怎么打开html格式的文件？这就需要我们知道什么是html格式的文件，html格式的文件其实就是超文本标记语言文件，就是后缀名为.html或者.htm都为html格式的文件。

如下图：

对于html文件格式如何打开，下面我将给大家来介绍三种html文件格式打开的基本方法。

html文件格式打开的基本方法一：用浏览器打开

右击html文件，选择打开方式，会有安装浏览器可以供你选择打开。

注意：有时候你打开的网页会很乱，这是因为没有找到css和js文件，需要将这些文件放在一起，html的网页效果才会出来。

html文件格式打开的基本方法二：可以用记事本打开

也是右击html文件，选择打开方式，里面会有记事本选择就可以打开了。之后就可以在记事本中对代码进行编辑。

html文件格式打开的基本方法三：可以用html的文件编辑器打开

html文件编辑器有很多种，像是Adobe Dreamweaver，sublime text，都可以用来打开

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（网页制作，网站开发，web开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项目实战【视频＋工具＋系统路线图】全栈工程师学习路线以及规划都有整理，分享给小伙伴）点：学习前端，我们是认真的

收起

展开全文

前端 web前端前端入门前端教程
xml,json,html格式化工具
千次下载 热门讨论 2012-03-25 13:58:48

xml,json,html格式化工具

收起

xml json
QQ聊天记录Mht转Html格式
热门讨论 2015-05-25 08:59:46

之前遇到过一个需求，要把别人导出的全部MHT格式的聊天记录读出来，结果网上找的一些... 会生成html格式的消息记录正文,每5万条记录一个文件注意:如果不按照顺序执行，会因没有字典文件导致生成的HTML消息图片不显示

收起
如何将html格式动态图表网页嵌入ppt中
千次阅读 热门讨论 2019-09-18 10:54:21

看了之前推送的REmap相关内容，结果导出的图表是html格式的动态图，不知道如何将此种格式的图表放在ppt中使用。这确实很尴尬他呀，你不能直接拿着Rstudio跟客户演示呀（而且还不保证每一台PC上都安装有R语言软件）...

看了之前推送的REmap相关内容，结果导出的图表是html格式的动态图，不知道如何将此种格式的图表放在ppt中使用。

这确实很尴尬他呀，你不能直接拿着Rstudio跟客户演示呀（而且还不保证每一台PC上都安装有R语言软件），如果是ppt展示，突然退出来，然后用浏览器打开html文件也是够突兀的。

当然这个情况在r语言中其实很普遍，很多依赖底层js语言编写的二次开发包（比如R语言中的recharts、RERmap、Rchart、plotly等），可能都只提供html格式的导出效果（如果导出成静态图片的话，那么基本就不用指望什么动态效果了）。

ppt默认是不支持html文件的，但是依赖开发工具的外界差价和少量VBA代码，解决这个问题并非什么难事。

以下是解决思路（适合ppt2013及16版本，低版本大同小异）

一、首先保证你的ppt已经勾选并显示开发工具选项（未勾选请在文件设置中打勾，本号历史文章列表中有相关介绍）

二、在开发工具——其他控件列表中选择Microsoft web brower。（如果提示控件无法插入请参照如下方案执行）

需修改两处注册表键值：

1、打开注册表编辑器（在运行中输入REGEDIT并执行）

2、定位到：

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\ActiveX Compatibility\{8856F961-340A-11D0-A96B-00C04FD705A2}将右侧 Compatibility Flags值21修改为0

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Office\ClickToRun\REGISTRY\MACHINE\Software\Microsoft\Office\16.0\Common\COM Compatibility\{8856F961-340A-11D0-A96B-00C04FD705A2}

将右侧 Compatibility Flags值400修改为0

注：PowerPoint 2013 更改了以下注册表

HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Office\15.0\Common\COM Compatibility\{8856F961-340A-11D0-A96B-00C04FD705A2}，更改十六进制400为0即可。

如果没有这个位置，可以选择HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Office\15.0\ClickToRun\REGISTRY\MACHINE\Software\Wow6432Node\Microsoft\Office\15.0\Common\COM Compatibility\<ClassID> </ClassID>,如上。

以上可解决正常插入Microsoft web brower控件的问题，点击该控件之后，在页面释放并用鼠标拖动至与页面统一大小。

（控件是无色的你可能看不见，但是如同形状一样，你可以选中并且自由调整大小）

三、在该页面插入一个command命令控件（activeX控件），并在页面释放，调整大小。右键打开属性列表，在caption栏修改控件名称。

四、双击控件打开代码页面，在默认的两行代码中间插入如下代码：

注：如果加载html时提示安全警告：为帮助保护你的安全你的web浏览器已经限制此文件显示可能访问你的计算机，需要在

<!DOCTYPE html>的下一行添加：



注：将echarts图表的html代码中加载 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE*"/>代码（*处至少为9或以上），将HTML设置成IE的内核。

注：解决 echarts 的console 未定义问题，在<Head>中的注释下面，加入如下程序：

window.console = window.console || (function(){
var c = {};
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function(){};
return c;
})();

WebBrowser1.Navigate ("file:///D:/R/Rscript/ID_20161002180535_403937.html")

这里需要你自定义只是括号内的html文件路径，我的html是之前在演示REmap动态地图的时候制作一个动态路径图。

这个路径可以是本地html文件，也可以是其他有效的html网页地址。

完成以上步骤之后，在幻灯片放映状态，定位到有设置控件的那一页，用鼠标点击按钮，就可以查看动态网页效果。

五、最后一步，也是非常重要的一步，如果想要动态效果不丢失，再保存ppt文档的时候一定不能使用默认保存选项，要另存为.pptm格式的宏文件，这样才能不丢失VBA代码。

以上过程同样适用将其他有效网页地址，嵌入ppt中的，感兴趣的小伙伴可以自行尝试。

收起

展开全文
html 格式化金额显示
千次阅读 2018-08-24 10:49:39

//格式化金额显示,s为金额数字，n为精确小数位 function fmoney(s, n) { n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, ""...

收起

parseFloat split join reverse
springboot发送邮件（2）：发送html格式邮件
万次阅读 2018-05-05 18:51:25

springboot实现邮件功能：发送html格式邮件：1.建springboot项目，导入依赖；application.properties配置文件，看 springboot发送邮件（1）：发送简单邮件2.编写服务接口，实现类：/** * 邮件服务接口 * Created ...

收起
idea中HTML格式化时标签缩进问题
千次阅读 多人点赞 2019-08-12 17:11:22

在IntelliJ Idea中HTML格式化时，默认以及下的以及标签都不会缩进。（代码格式化快捷键为Ctrl+Alt+L） 1.找到File>Settings 2.找到Settings>Editor>HTML 3.找到HTML>Other>Do not indent children ...

收起

idea
VS Code：推荐插件 - HTML格式化（包括JS、CSS）
千次阅读 2020-03-29 11:59:18

https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter 点击 “打开 Visual Studio Code” 按钮完成安装格式化的效果：格式化快捷键：Shift+Alt+F ...

收起
富文本编辑器保存的内容转为HTML格式
千次阅读 2020-04-06 12:27:24

富文本—>HTML Go !!!

收起

markdown
python pandas实现excel转为html格式
万次阅读 2018-03-19 11:55:32

#!/usr/bin/env Python # coding=utf-8 import pandas as pd import codecs xd = pd.ExcelFile('/Users/wangxingfan/Desktop/1.xlsx') ...with codecs.open('/Users/wangxingfan/Desktop/1.html','w','u

收起

python excel
ElementUI table表格数据html格式解析
千次阅读 2019-01-10 17:50:23

今天在写管理后台页面的时候，遇到了后端传给前端的数据格式是下图所示的字符串形式（带有换行标签<br/>）页面使用的是elementui table的形式展示，因为请求到的字符串，所以直接渲染会出现&...

收起
使用Python发送HTML格式的邮件
千次阅读 2017-07-17 10:08:36

Python发送HTML格式的邮件与发送纯文本消息的邮件不同之处就是将MIMEText中_subtype设置为html。具体代码如下：#"-*- coding: utf-8 -*-" import smtplib from email.mime.text import MIMETextmail_user=...

收起

python
将String转化成HTML格式
万次阅读 2018-05-07 15:44:46

方式1:一个String显示在网页上，不会安置原来的...下面这个方法可以将String改为HTML可以辨认的格式。 public static String toHTMLString(String in) { StringBuffer out = new StringBuffer(); for (int i = 0;...

收起
markdown转html格式
万次阅读 2016-05-09 00:36:03

根据业务场景，需要发送不同内容的邮件，如何提供基础...准备工作目前有很多工具可以在线使markdown转html格式 ，很方便，开源的东西也很多，我也尝试了几个，markdownpapers-core markdownj-core pegdown，前两个测

收起

markdown
完美解决doc、docx格式word转换为Html
热门讨论 2015-09-27 16:57:53

由于项目需要，需要在线预览文档，所以就想转换为htmL格式；此项目为maven项目，引入的包可能需要一些时间； maven项目转换为eclipse项目命令是：mvn eclipse:eclipse，然后导入到eclipse； jar引入完成后，绝对100...

收起
html 格式化日期
千次阅读 2016-05-13 11:07:47

js 写法： $scope.addPackageModifyDate = $filter('date')(file.lastModifiedDate,'yyyy-MM-dd hh:mm:ss'); html写法： {{ date_expression | date : yyyy-MM-dd hh:mm:ss}}

收起
mail命令发送html格式的电子邮件
千次阅读 2017-04-07 16:11:17

要发送html格式邮件，关键是在邮件头部指定内容格式，如下： $mail -s "$(echo -e "subject\nContent-Type: text/html; charset=utf-8")" receiver@xxx.com 这里最巧妙的是使用了echo -e，使得subj

收起

linux centos
微信小程序中显示html格式内容的方法
万次阅读 2018-01-12 09:29:22

小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。 s1.下载wxparse(链接：https://pan.baidu.com/s/1htmfVow 密码：x56c) s2.将其中的wxparse复制到小程序的项目...

收起
Postman请求结果为JSON和HTML格式時，獲取返回值作為變量方法总结
千次阅读 2018-09-30 17:09:28

若返回JSON格式，如下方式獲取數據作為參數值 var jsonData =JSON.parse(responseBody); //获取body中返回的所有参数 pm.globals.set("Token", jsonData.data.Token);...若返回HTML格式，可通過t...

收起

接口测试 postman
eclipse html格式化
千次阅读 2015-12-16 17:58:40

点击 myeclipse菜单栏的 window选项卡，找到下拉 perferences 选项 , 在里面快捷 “搜索” 框里面输入 html ，如下图在数字3 那里的 line - width 是设置当前行里面有多少字符时，就换行...

收起
RTF转换为HTML格式(java)
千次阅读 2014-10-20 16:27:37

new RTF2HTML().convertRTFToHTML(new File(filename))，方法convertRTFToHTML会返回一个转换成HTML格式的字符串。三：下载WEBCAT地址： http://download.csdn.net/detail/yongbuyanqi88888/8060051 四...

收起

java RTF
sublime text3html格式化插件
千次阅读 2016-06-14 15:06:27

-package control -install package -TAG -ctrl+a -ctrl+alt+f

收起
java 发送html格式邮件样式混乱解决
千次阅读 2016-01-15 14:17:57

今天发送html格式的邮件在qq 163 邮箱接收的时候老是样式混乱里面掺杂了邮箱本身自己的样式多次要前台人员帮忙调试发现就是无法控制然后在混乱中。。。。。。。。。。。。。。。。。 sendEmail....

收起
html基本格式
万次阅读 2019-04-16 15:27:04

html基本格式 <!DOCTYPE HTML> <html> <head> ...

收起
notepad++格式化html代码
千次阅读 2021-06-09 06:53:38

Notepad++格式化html代码，需要安装插件Tidy2。通过“插件>插件管理”里面搜索Tidy2安装，但总是安装失败，这就需要在网上下载插件手动安装了。插件下载地址：https://github.com/bruderstein/NppTidy2/downloads...

收起
在python中怎么生成html格式的邮件并发送
万次阅读 2016-02-29 09:20:33

email preview: (因为email中的html格式比较特殊，经常需要预览一下效果) http://info.contactology.com/email-view Best practices for styling HTML emails (主要讲了在email中使用html的注意事项) The ...

收起

python
Python基础教程——把文本转为HTML格式
万次阅读 2014-10-08 22:48:17

功能：将文本文件转换成html格式的文档。方法： 1.添加初始标签 2.智能分段帮助 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 ...

收起

正则表达式 yield 迭代器