百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> HTML 标签中的 Markdown 使用方法
分享文章到:

HTML 标签中的 Markdown 使用方法

发布时间:01/14 来源: 浏览: 关键词:
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式,下面我们来看一篇关于HTML 标签中的 Markdown 语法。

Markdown 官方文档1有一句:

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style emphasis inside an HTML block.

markdown 不能写在块级 HTML 标签内,就是说,我们下面这样写是不行的:

<div>
**加粗我**
</div>
** 不会解析为 <strong></strong>。

但我在 WordPress 后台用的 Markdown 插件 PHP Markdown Extra2 扩展了该功能,可以这样写:

<div markdown="1">
**加粗我**
</div>
下面是输出结果:

<div>

<p><strong>加粗我</strong></p>

</div>
我之所以要用这个功能,是为了添加 Microdata3 的缘故。拿我的读书页面说,现在 Markdown 部分是这样写的:

时间|书名|作者
---|---|---
2013.1.27|无中生有|莎士比亚
2013.1.28|道连·格雷的画像|王尔德
添加 microdata 的 HTML 如下:

<div itemscope itemtype="http://schema.org/Table">
  <h2 itemprop="about">我喜欢的书</h2>
  <!-- 表格内容在这 -->
</div>
借助 PHP Markdown Extra,可以在 div 块中嵌入 markdown 写法:

<div itemscope itemtype="http://schema.org/Table" markdown="1">
  <h2 itemprop="about">我喜欢的书</h2>
  <!-- markdown 表格在这 -->
</div>
这样,我就给我的表格加入 Microdata 了。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有1人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板