html跨行注释,HTML注释支持跨行； · benbearchen/Markdown-Chinese-Demo@1115375 · GitHub

最新推荐文章于 2022-05-18 16:01:23 发布
最新推荐文章于 2022-05-18 16:01:23 发布
阅读量481 收藏
点赞数
文章标签： html跨行注释

@@ -2,7 +2,7 @@

##注释(Comment)

注释是写作者自己的标注记录，不被浏览器解析渲染。

HTML 以``结尾的闭包定义注释，不在正文中显示。

HTML 以``结尾的闭包定义注释(支持跨行)，不在正文中显示。

Markdown 沿用 [HTML Comment][HTML_COMMENT_REFID] 注释格式：

``

@@ -13,7 +13,7 @@ Markdown 沿用 [HTML Comment][HTML_COMMENT_REFID] 注释格式：

``

2. 在博客 Markdown 源码开头，我通常使用注释来备注 git commit-hash-id 和 commit-date 信息，以便修订变更时回溯。

``

``

``

3. 在使用 Markdown 写作博客时，我喜欢采用参考式链接，然后在文末专门开辟一节用于定义文中用到的所有脚注和参考链接。借助 Haroopad/FoldingText/Marked2 的折叠特性，我习惯在末尾添加一行 Comment Heading，用于在阅读 Markdown 源码时折叠隐藏文末的参考区。

@@ -59,14 +59,14 @@ Markdown 支持两种标题的语法，类 [Setext][] 和类 [atx][] 形式。

###分段

段落是由一个或多个连续的文本行组成，它的前后往往需要**空行**予以明示分隔。

> 在显示上看起来像是空的，例如只包含空格或(和)制表符的行，便会被视为空行。

> 在显示上看起来像是空的，例如只包含空格或(和)制表符(tab)的行，便会被视为空行。

**空行适用场景说明：**

1. 空行的上一句末无需再添加两个空格或 `
` 换行了。

2. 句段之间引入空行，相当于间隔成段落(对应 HTML 的 `

` 标签)。

3. 尽管 Markdown Render 会对各阶 Heading(H1-H6)有特殊的格式渲染来凸显层级，但还是建议在章节(Section/Chapter)末尾适时插入空行，以示行文分割且方便阅读。

4. 为了更优的阅读感和兼容性，建议在分割线(Horizontal Rules)的上面留一空行，块引用(Blockquote)、预格式化(Preformatted Code Block)、列表(List)、表格(Table)等区块元素的上下各插入空行。

4. 为了更优的*阅读感*和*兼容性*，建议在分割线(Horizontal Rules)的上面留一空行，块引用(Blockquote)、预格式化(Preformatted Code Block)、列表(List)、表格(Table)等区块元素的上下各插入空行。

##符号(Punctuation Characters)

###转义字符

@@ -82,16 +82,16 @@ Markdown 精挑细选了一些符号组成了一套基于文本的标记语法

\#：行首的 # 号默认为H1，这里使用反斜杠转义显示原义字符。

###字符实体

在 Markdown 中，空格和制表符(tab)往往用于格式控制，例如：

在 Markdown 中，空格和tab往往用于格式控制，例如：

- 行首的四个空格表示`

`；

- 引用、列表的 bullet 符号前的空行用于缩进层级；

- 行首插入 tab 或 四个空格缩进表示`

`预格式化；

- 引用、列表的 bullet 标记符前的 tab 或 空格 用于缩进嵌套层级；

- ...

普通段落一般都是顶格开始，无法使用空格或制表符来缩进，包括引用标记符(>)、列表标记符(bullet list indicator)后面的空格都无法实现缩进。

如果硬要输入空格显示占位缩进效果，可以嵌入空格对应的 [HTML Entity][] 实体码。HTML 转义字符串(Escape Sequence)，即字符实体(Character Entity)，由三部分构成：

普通段落一般都是顶格开始，无法使用空格或 tab 来缩进，包括引用标记符(>)、列表标记符(bullet list indicator)后面的空格都无法实现缩进。

如果硬要输入空格显示占位缩进效果，可以嵌入空格对应的 [HTML Entity][] 实体码。HTML 转义字符串(Escape Sequence)，即字符实体(Character Entity)。字符实体由三部分构成：

1. 第一部分是一个`&`符号，英文叫 ampersand；

1. 第一部分是一个`&`符号；

2. 第二部分是实体(Entity)名字，或者是 `#` 加上实体编号([Entity Code][])；

3. 第三部分是一个分号(`;`)。

@@ -151,7 +151,8 @@ Or, if you prefer, __use two underscores instead__.

**示例：**

Use two asterisks for **strong emphasis**.

Or, if you prefer, __use two underscores instead__.

Or, if you prefer, __use two underscores instead__.

A ***section surrounded with three asterisks*** will be specially emphasized.

###突出(Mark/Highlight)

**说明：**

@@ -209,7 +210,7 @@ HTML 语法：`subscript`

H~2~O = H2O is a liquid.

##链接(Hyperlink)

###自动链接

###自动链接(Autolink)

当我们在书写一个网址时，有些 Markdown Render 能自动生成标题(title)与网址(href URL)一致的链接，这种链接也即**自动链接**。

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要用尖括号包起来的文字， Markdown 就会自动把它转化成链接。

对于 HTTP(s) 协议开头的超链接地址，甚至无需添加尖括号明示，也会生成自动链接。

@@ -312,8 +313,8 @@ HTML 中的 `` 标签最重要的属性是 href ，它指示的链接目标

_ _ _

1. 先定义锚点id：`bookmark_text`

2. 再定义一个id为auchor_id的对象(这里以`

`为例)：`

auchor_text

`

2. 再定义一个id为auchor_id的对象(这里以`

`为例)：`

auchor_text

`

- - -

例如，我们在文末定义了id为end的 EOF(End Of File)：`

The end！

`，然后通过` Goto the End!`指定书签“Goto the End!”跳转到文末“The End!”处：

@@ -328,7 +329,7 @@ _ _ _

脚注的写法和极简参考式链接书写格式比较类似：

_ _ _

1. 先在需要脚注的单词(terminology)后面添加 `[^Footnote]` ： `terminology[^Footnote]`

1. 先在需要脚注的单词(terminology)后面添加 `[^Footnote]` ： `terminology[^Footnote]`

2. 再在文末 glossary 区域定义脚注(添加注解)： `[^Footnote]：explanatory notes`

- - -

@@ -414,23 +415,41 @@ Use the`` `printf()` ``function.(\`\` \`printf()\` \`\`\`)

**语法：**

- Preformatted Code Block

在句段的行首插入1个tab制表符或4个空格，则表示代码块。

在句段的行首插入1个 tab 或4个空格，则表示代码块。

- [Fenced Code Block]

在句段行首和行末用三个反引号换行闭包，并在行首三个反引号后添加 [YAML][] 语言标识。

**示例：**

-Preformatted Code Block

将一段代码块整体向右缩进(⌘ + ])即可测试。

_ _ _

**1.Preformatted Code Block**

pre 格式存在以下缺陷：

将一段代码块整体向右缩进(⌘ + ])即可测试。

- 对多tab及空格的缩进支持不完善！

- 将宏符号#(#include、#import)误解为H1，可能会影响解析器的TOC！

- 将顶格空白行(包括行首带tab)误认为Paragraph Break，而割断代码块成片段！

(1)以tab开头：

- Fenced Code Block

以下演示了插入一段 Objective-C 代码：

these lines begin with tab will be shown as pre code block.

these lines begin with tab will be shown as pre code block.

these lines begin with tab will be shown as pre code block.

(2)以四个空格开头：

these lines begin with 4 spaces will also be shown as pre code block.

these lines begin with 4 spaces will also be shown as pre code block.

these lines begin with 4 spaces will also be shown as pre code block.

**注意：**

pre 格式存在以下缺陷：

- 对多tab及空格的缩进支持不完善！

- 将宏符号#(#include、#import)误解为H1，可能会影响解析器的TOC！

- 将顶格空白行(包括行首带tab)误认为Paragraph Break，而割断代码块成片段！

- - -

**2.Fenced Code Block**

以下演示了插入一段 Objective-C 代码：

> 首行：\`\`\`obj-c

> 中间：Objective-C Code Block

@@ -464,7 +483,7 @@ int main(int argc, char * argv[]) {

GFM 等 Markdown 扩展支持和无序列表、有序列表和任务列表。

###无序列表(Unordered List)

无序列表项目的行首使用星号、加号或减号作为列表标记：

无序列表项目的行首使用星号(或加号，或减号)加空格作为列表标记：

```Markdown

- bullet list item 1 begin with a '-'

@@ -478,33 +497,37 @@ GFM 等 Markdown 扩展支持和无序列表、有序列表和任务列表。

+ bullet list item 2 begin with a '+'

* bullet list item 3 begin with a '*'

和引用一样，无序列表可以通过在列表标记前面增加多重空格(或 tab)来实现嵌套效果。

通过在列表标记前面增加 tab阶次可以实现嵌套效果(nested list)。

以下是针对本文 TOC 中【链接】这一章节的目录：

```Markdown

- 链接(Hyperlink)

- 自动链接

- 文字(text href)

- 行内式

- 参考式

- 图片(image href)

- 插入图片

- 图片链接

- 锚点(inner link)

- 自动链接(Autolink)

- 文字(text href)

- 行内式(Inline)

- 参考式(Reference)

- 图片(image href)

- 插入图片

- 图片链接

- 锚点(inner link)

- 书签(Bookmark)

- 脚注(Footnote)

- 引用(Blockquote)

```

- - -

- 链接(Hyperlink)

- 自动链接

- 文字(text href)

- 行内式

- 参考式

- 图片(image href)

- 插入图片

- 图片链接

- 锚点(inner link)

- 自动链接(Autolink)

- 文字(text href)

- 行内式(Inline)

- 参考式(Reference)

- 图片(image href)

- 插入图片

- 图片链接

- 锚点(inner link)

- 书签(Bookmark)

- 脚注(Footnote)

- 引用(Blockquote)

###有序列表(Ordered List)

@@ -613,7 +636,7 @@ $$E=mc^2$$

[^LaTeX]: [LaTeX](http://www.latex-project.org/)是一种基于 [ΤΕΧ](http://www.ctex.org/documents/shredder/tex_frame.html)的排版系统，它通过\section和\paragraph等语句，规定了每一句话在文章中所从属的层次，从而极大方便了对各个层次批量处理。可参考 [TeX 与 LaTeX](http://blog.csdn.net/dbzhang800/article/details/6820659)、[LaTeX 入门文档](http://liam0205.me/2014/09/08/latex-introduction/) 和 [LaTeX 入门教程](http://www.douban.com/note/330524120/)。

[^MathJax]: [MatchJax](http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference) 是一个JavaScript引擎，用来显示网络上的数学公式。MathJax可以解析Latex、MathML和ASCIIMathML的标记语言。

[^MathJax]: [MatchJax](http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference) 是一个JavaScript引擎，用来显示网络上的数学公式。MathJax可以解析Latex、MathML和ASCIIMathML的标记语言。

[HTML_COMMENT_REFID]:http://home.wangjianshuo.com/cn/20070526_aeaeaehtmleccommentie.htm

@@ -642,4 +665,3 @@ $$E=mc^2$$

[YAML--想要爱你很容易]:http://www.ibm.com/developerworks/cn/xml/x-1103linrr/

[Mathjax与LaTex公式简介]:http://mlworks.cn/posts/introduction-to-mathjax-and-latex-expression/

我是当哥哥
关注
GitHub热门开源项目-2024版
生活在别处
07-15 939
前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。中英文敏感词、语言检测、中外手机/电话归属地/运营商查询、名字推断性别、手机号抽取、身份证抽取、邮箱抽取、中日文人名库、中文缩写库、拆字词典、词汇情感值、停用词、反动词表、暴恐词表、繁简体转换、英文模拟中文发音、汪峰歌词生成器、职业名称词库、同义词库、反义词库、否定词库、汽…互联网 Java 工程师进阶知识完全扫盲：涵盖高并发、分布式、高可用、微服务、海量数据处理等领域知识。各取所需，高效学习。
GitHub 经典项目归集
←か淡定☆ ヾ 的博客
07-06 1614
目录1. Vue32. Vue 源码解密3. 简历项目4. JavaScript5. Flutter6. TypeScript7. 前端必备在线工具8. 管理后台9. 数据结构与算法10. CSS 学习专题11. Node.js12. 小程序13. 前端监控14. 前端的代码规范15. 程序员必备仓库16. 设计规范17. 可视化18. 代码生成器19. 下载全网视频20. 酷炫的极客界面21. 抠图神器22. 在线绘图23. 颜色搭配24. 开发思想25. 博客团队26. 前端大会27. 打包工具28..
c#+vs 实现跨行语句和批量注释
我是小O
05-10 2274
笔者的开发语言为c#，开发环境visual studio 2010。     在写程序的时候，经常碰到两类问题，第一个是某语句太长了，需要分开来写。这个问题又分两种情况     ①普通语句较长，需要跨行书写：     不论是赋值语句，还是if这样的条件语句，在vs里是支持直接通过回车键换行的，开发平台以“;”作为设别语句结束的标志。     ②字符串过长，需要跨行书写：     但是
c语言中之间的注释内容是不能跨行的,C语言中/*、*/之间的注释内容可以跨行书写。（）...
weixin_36468605的博客
05-21 737
可以放大电压，语言中跨但不能放大电流的是 ( ) 组态放大电路。任何轴向受力构件中，释内横截面上的最大正应力都发生在轴力最大的截面上。低碳钢的拉伸过程中，行书写( )阶段的特点是应力几乎不变。语言中跨胡克定律在下述哪个范围内成立( )两个拉杆长度相同，释内轴力相等，截面面积相等，但杆件材料不同，则以下结论正确的是( )。杆件的拉、行书写压强度不够时，只能增大杆件的截面面积。低碳钢材料在拉伸实验过程...
html多行注释如何实现,html多行注释如何实现？
weixin_33602738的博客
06-18 5853
用户提问注释的符号是 开头： 一般的格式是这样： 其实HTML的注释格式单行和多行都是一样的，你多行的时候就是把结尾的-->打到最后就是了 例如： 这样就多行了，是不是很简单呀 ‍ 提示：一般注释的时候一定要有结尾 -->，否则的话将会注释你推荐答案注释的符号是开头：一般的格式是这样：其实HTML的注释格式单行和多行都是一样的，你多行的时候就是把结尾的-->打到最后就是了例如：这...
html跨行使用的属性,HTML表格标记教程(34):跨行属性ROWSPAN
weixin_42134143的博客
06-04 810
HTML表格标记教程(34):跨行属性ROWSPAN互联网 发布时间：2008-10-17 18:56:34 作者：佚名 我要评论在复杂的表格结构中，有的单元格在水平方向上是跨多个单元格的，这就需要使用跨行属性ROWSPAN。基本语法语法解释VALUE代表单元格跨的行数。文件范例：10-32.htm通过ROWSPAN属性实现跨行的单元格。01 02 03 04 05 06 07 设定...
python多行注释和跨行字符串
热门推荐
快递小可的博客
07-10 6万+
python多行注释和跨行字符串
GitHub 项目精选（2022.5.18更新）
u012199290的博客
05-18 9988
写在前面 看到这个项目的同好们如果有推荐的 Github 项目或是觉得有用、有趣的网站等都可以发起 issue 或 PR。 友情链接： ruanyf / weekly GrowingGit / GitHub-Chinese-Top-Charts 有趣项目 chrislgarry / Apollo-11 阿波罗 11 号。 YunYouJun / air-conditioner ❄️ 云空调，便携小空调，为你的夏日带去清凉！ 网站: https://ac.yunyoujun.cn/ 类似网.
2K Star！超过 50 个专题、450 个好项目，大半年来推荐过的重磅项目合集
前端GitHub
06-22 2356
大家好，我是你们的 猫哥，还是那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~不知不觉，公众号：前端GitHub 和 GitHub 上的仓库 FrontEndGitHub 都已经更新并运营超过半年...
Top 10 swift projects on github
fishmai的专栏
05-15 972
1.iina A few of the Features: Based on mpv, which provides the best decoding capacity on macOS Designed for modern macOS (10.10+), aims to offer the best user experience All the features you nee...
bookmarks-html2markdown:将ChromeIEFirefox格式的书签列表转换为Markdown表，以简化管理和处理
05-01
书签-html2markdown 将Chrome / IE / Firefox格式的书签列表转换为Markdown表，以简化管理和处理。 阶段1 容错 盲目解析Chrome书签导出文件以查找H3以指示文件夹 带有HREF属性的标签，用于将URL添加到书签。 阶段2 访问每个URL以确定它是否已失效/已弃用/已损坏。 删除无效链接，仅添加有效链接。 利用或扩展以下代码段 t = lxml.html.parse（url） 打印t.find（“ .// title”）。text
idea设置html注释模板,【亲测有效】IDEA给方法添加注释模板
weixin_39572442的博客
06-14 699
【亲测有效】IDEA给方法添加注释模板2020年12月09日|萬仟网IT编程 |我要评论IDEA给方法添加注释模板最终效果步骤最终效果步骤依次打开File-Editor-Settings-Live Templates-“+”-2.TemplateGroup…输入组名UserGroup，选择“ok”选中该组名，点击“+”，选择1.Live Temp...
HTML文档结构、注释
前端开发的学习笔记
03-15 637
HTML文档结构、注释
#3 HTML注释+书写规范
weixin_45832571的博客
05-14 218
HTML中的注释 <!-- 注释内容 --> 注释不会在页面中出现 但是可以右键->显示页面源代码 HTML文件书写规范 <!DOCTYPE html> <!-- 约束、声明 --> <html lang="en"> <!-- html标签表示html的开始 这里默认lang="en"意味着支持的是英文 可以修改为lang="zh_CN"表示支持中文 --> <!-- html标签一般分为两部分：head和body --> &
【HTML 教程系列第 4 篇】HTML 的注释怎么写？
“Allen Su”的博客
10-19 1万+
一：HTML的注释怎么写？ 二：HTML注释的快捷键
3.4 HTML注释
mmsx2017的博客
02-27 531
一、HTML注释简介 语法： &lt; !–注释的内容–&gt; 说明： “&lt; !–”表示注释的开始，“–&gt;”表示注释的结束。 举例： &lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt; head&gt; &lt; title&g
html脚注制作,幸福西饼：静态页面制作项目总结
weixin_32522079的博客
06-17 415
在coursera上学完了密歇根大学开的前端入门课，仍然不得要领，听朋友建议从网上找了个实站项目跟着撸了一遍代码，感悟比单纯上课多得多。这个项目主要是复刻【幸福西饼】的主站和产品列表页，纯静态页面，没有任何JS的成分，借此机会熟悉下html和css的用法。下面是一些技术要点记录。页面制作思路切图切图拉线观察总体布局，这部分没自己动手，工具是photoshop，后期学一下补篇技术日记。布局实现布局实...
Javaweb笔记
m0_62068678的博客
03-13 2123
HTML HTML网页常用基础知识 网页结构 JavaSE C/S Client server 客户端–服务器 JavaWeb B/S Broswer Server 浏览器–服务器 网页的组成部分： 内容（结构）、表现、行为 HTML: Hyper Text Markup Language(超文本标记语言) ALT+F2 选择浏览器 HTML书写规范： 表示整个 html 页面的开始 头信息 标题 标题 body 是页面的主体内容 页面主体内容 表示
html加页面脚注,javascript – 打印HTML每页脚注
weixin_35024589的博客
06-04 635
CSS3 GCPM spec定义了以下内容.footnote { float: footnote }A sentence consists of words. Most often..呈现为A sentence consists of words. ¹¹ Most often. [at the end of (each) page]当打印(也适用于屏幕媒体类型，但只要它适用于打印我很开心)。这正是...
npm install --save github-markdown-css/github-markdown.css
最新发布
09-06
npm install --save github-markdown-css/github-markdown.css 是一条命令，用于在使用npm包管理器的项目中安装名为 github-markdown-css 的包，并将其保存为依赖。该包提供了 GitHub 风格的 Markdown 样式表，可以用于在网页中渲染 Markdown 内容。 npm 是 Node.js 的包管理工具，可以用于管理项目中使用的各种包。通过执行 npm install 命令，可以从 npm 的仓库中下载并安装指定的包。--save 参数表示将包添加到项目的 package.json 文件中的 dependencies 部分，这样在其他环境中重新安装项目时，可以使用这个文件快速安装项目所需的所有依赖。 github-markdown-css 是一个开源的项目，旨在提供类似 GitHub 上 Markdown 渲染的样式。通过执行 npm install --save github-markdown-css/github-markdown.css 命令，我们可以将该项目的样式表文件 github-markdown.css 安装到我们的项目中。 一旦安装完成，我们就可以在项目中引入该样式表文件，并在网页中使用这个样式表来渲染 Markdown 内容。通过使用 GitHub 风格的样式，我们可以达到类似于 GitHub 上展示 Markdown 内容的效果。这对于需要在网页中展示 Markdown 文档或记录的项目非常有用，可以提供一致且美观的显示效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值