html5 markdown,Markdown常用语法

斜体

*Emphasize*

_emphasize_

1

2

3

*Emphasize*

_emphasize_

效果如下：

Emphasize

emphasize

强调

**Strong**

__Strong__

1

2

3

**Strong**

__Strong__

效果如下：

Strong

Strong

链接

[张文安](http://www.4455q.com/ "张文安的博客")

[前端开发][1]

[1]: http://www.4455q.com

1

2

3

4

5

[张文安](http://www.4455q.com/ "张文安的博客")

[前端开发][1]

[1]:http://www.4455q.com

效果如下：

图片


![wordpress][wordpress logo]

[wordpress logo]: https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo"

1

2

3

4

5


![wordpress][wordpresslogo]

[wordpresslogo]:https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo"

效果如下：

带链接的图片

[](http://www.wordpress.com/ "wordpress")

1

2

[](http://www.wordpress.com/ "wordpress")

效果如下：(其实相当于把图片和链接的写法进行组合)

换行

Markdown官方语法，可以在行尾敲2个空格，然后回车，来添加一个
换行符。

但是，Wordpress中，不支持这种写法。而是，只需要输入普通的回车就可以产生一个换行了。

脚注

其实，我还有一些

无序列表

* Item a

* Item b

_ Item c

_ Item d

1

2

3

4

5

*Itema

*Itemb

_Itemc

_Itemd

效果如下：

Item a

Item b

Item c

Item d

有序列表

1. 前端开发

2. 后端开发

1

2

3

1.前端开发

2.后端开发

效果如下：

前端开发

后端开发

混合列表

1. 客户端开发

* IOS开发

* Android开发

2. Web前端开发

3. 系统运维

1

2

3

4

5

6

1.客户端开发

*IOS开发

*Android开发

2.Web前端开发

3.系统运维

效果如下：

客户端开发

IOS开发

Android开发

Web前端开发

系统运维

引用

> Any application that can be written in JavaScript, will eventually be written in JavaScript.

1

2

>AnyapplicationthatcanbewritteninJavaScript,willeventuallybewritteninJavaScript.

效果如下：

Any application that can be written in JavaScript, will eventually be written in JavaScript.

Preformatted

代码

`Javascript is wonderfull`

1

2

`Javascriptiswonderfull`

效果如下：

Javascript is wonderfull

代码块

```javascript

(function(){

console.log("前端开发技术，请参考www.4455q.com");

})();

```

1

2

3

4

5

6

```javascript

(function(){

console.log("前端开发技术，请参考www.4455q.com");

})();

```

效果如下：

(function(){

console.log("前端开发技术，请参考www.4455q.com");

})();

1

2

3

4

(function(){

console.log("前端开发技术，请参考www.4455q.com");

})();

代码语法高亮

此功能可参考代码语法高亮

```css

#button{

color: red;

}

```

1

2

3

4

5

6

```css

#button{

color:red;

}

```

效果如下：

#button{

color: red;

}

1

2

3

4

#button{

color:red;

}

标题

# 1级标题

## 2级标题

### 3级标题

#### 4级标题 ####

##### 5级标题

###### 6级标题 ###

1

2

3

4

5

6

7

#1级标题

##2级标题

###3级标题

####4级标题####

#####5级标题

######6级标题###

效果如下：

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

定义列表

会被转换为 dl 标签。

Web前端开发工程师

: 专注于Web前端开发，提升网站用户体验的一种程序猿。

1

2

3

Web前端开发工程师

:专注于Web前端开发，提升网站用户体验的一种程序猿。

最终效果如下：

Web前端开发工程师

专注于Web前端开发，提升网站用户体验的一种程序猿。

缩写

会被转换为 标签，并附带 title 属性。

以`Markdown`语法编写的文档，最终可以被转换为HTML格式。

*[HTML]: HypeText Markup Language

1

2

3

4

以`Markdown`语法编写的文档，最终可以被转换为HTML格式。

*[HTML]:HypeTextMarkupLanguage

效果如下：

以Markdown语法编写的文档，最终可以被转换为HTML格式。

前端开发技术大全 ↩