整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
用 # 號可表示 1-6 級標題，一級標題對應一個 # 號，二級標題對應兩個 # 號，以此類推。
# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
Markdown 段落沒有特殊的格式，直接編寫文字就好，段落的換行是使用兩個以上空格加上回車
當然也可以在段落后面使用一個空行來表示重新開始一個段落。
Markdown 可以使用以下幾種字體：
*斜體文本*
_斜體文本_
**粗體文本**
__粗體文本__
***粗斜體文本***
___粗斜體文本___
你可以在一行中用三個以上的星號、減號、底線來建立一個分隔線，行內不能有其他東西。你也可以在星號或是減號中間插入空格。下面每種寫法都可以建立分隔線：
***
* * *
*****
- - -
----------
如果段落上的文字要添加刪除線，只需要在文字的兩端加上兩個波浪線 ~~ 即可，實例如下：
~~BAIDU.COM~~
下劃線可以通過 HTML 的 <u> 標簽來實現：
<u>帶下劃線文本</u>
Markdown 支持有序列表和無序列表。無序列表使用星號(*)、加號(+)或是減號(-)作為列表標記：
* 第一項
* 第二項
* 第三項
+ 第一項
+ 第二項
+ 第三項
- 第一項
- 第二項
- 第三項
有序列表使用數字并加上 . 號來表示，如：
1. 第一項
2. 第二項
3. 第三項
列表嵌套只需在子列表中的選項添加四個空格即可：
1. 第一項：
- 第一項嵌套的第一個元素
- 第一項嵌套的第二個元素
2. 第二項：
- 第二項嵌套的第一個元素
- 第二項嵌套的第一個元素
Markdown 區塊引用是在段落開頭使用 > 符號 ，然后后面緊跟一個空格符號：
> 區塊引用
> 菜鳥教程
> 學的不僅是技術更是夢想
顯示結果如下：
另外區塊是可以嵌套的，一個 > 符號是最外層，兩個 > 符號是第一層嵌套，以此類推退：
> 最外層
> > 第一層嵌套
> > > 第二層嵌套
顯示結果如下：
區塊中使用列表實例如下：
> 區塊中使用列表
> 1. 第一項
> 2. 第二項
> + 第一項
> + 第二項
> + 第三項
顯示結果如下：
如果要在列表項目內放進區塊，那么就需要在 > 前添加四個空格的縮進。
區塊中使用列表實例如下：
* 第一項
> 菜鳥教程
> 學的不僅是技術更是夢想
* 第二項
顯示結果如下：
如果是段落上的一個函數或片段的代碼可以用反引號把它包起來（`），例如：
`printf()` 函數
顯示結果如下：
代碼區塊使用 4 個空格或者一個制表符（Tab 鍵）。
實例如下：
顯示結果如下：
你也可以用 ``` 包裹一段代碼，并指定一種語言（也可以不指定）：
```javascript
$(document).ready(function () {
alert('RUNOOB');
});
```
顯示結果如下：
鏈接使用方法如下：
[鏈接名稱](鏈接地址)
或者
<鏈接地址>
例如：
這是一個鏈接 [菜鳥教程](https://www.runoob.com)
顯示結果如下：
直接使用鏈接地址：
<https://www.runoob.com>
顯示結果如下：
鏈接也可以用變量來代替，文檔末尾附帶變量地址：
這個鏈接用 1 作為網址變量 [Google][1]
這個鏈接用 runoob 作為網址變量 [Runoob][runoob]
然后在文檔的結尾為變量賦值（網址）
[1]: http://www.google.com/
[runoob]: http://www.runoob.com/
顯示結果如下：
Markdown 圖片語法格式如下：
開頭一個感嘆號 !
接著一個方括號，里面放上圖片的替代文字
接著一個普通括號，里面放上圖片的網址，最后還可以用引號包住并加上選擇性的 'title' 屬性的文字。
使用實例：
顯示結果如下：
當然，你也可以像網址那樣對圖片網址使用變量:
這個鏈接用 1 作為網址變量 [RUNOOB][1].
然后在文檔的結尾位變量賦值（網址）
[1]: http://static.runoob.com/images/runoob-logo.png
顯示結果如下：
Markdown 還沒有辦法指定圖片的高度與寬度，如果你需要的話，你可以使用普通的 <img> 標簽。
<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">
顯示結果如下：
Markdown 制作表格使用 | 來分隔不同的單元格，使用 - 來分隔表頭和其他行。
語法格式如下：
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |
以上代碼顯示結果如下：
對齊方式
我們可以設置表格的對齊方式：
-: 設置內容和標題欄居右對齊。
:- 設置內容和標題欄居左對齊。
:-: 設置內容和標題欄居中對齊。
實例如下：
| 左對齊 | 右對齊 | 居中對齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |
以上代碼顯示結果如下：
不在 Markdown 涵蓋范圍之內的標簽，都可以直接在文檔里面用 HTML 撰寫。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如：
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦
輸出結果為：
則表達式是一個十分強大的工具，可以完成對字符串的模式匹配以及提取工作，在很多工程中都被廣泛使用，但是我之前對于Python正則表達式模塊re的使用都沒有進行一些深入學習，對原始字符串之類的了解也比較淺顯，之前有個同學問到我關于反斜線\在正則中的一些表現的時候我也迷惑了，跟周圍人討論后上StackOverflow問了一番，對這方面又多了一些了解，今天跟大家分享。
我們知道，反斜線\在字符串以及正則表達式中都是完成轉義的工作，比如我有一個字符串s1:
現在這個字符串s1內容為123，如果我想在字符串中保留一個單引號'，那么我可能的一種做法是使用雙引號來包含內容，字符串s2:
Python中的單引號'和雙引號'其實都可以用來指示字符串，我們在此處使用雙引號而不是單引號，原因是因為如果使用單引號Python解釋器將會無法對這條語句進行正常解釋，因為緊跟2之后的'被用來指示字符串結束，然而后面還剩下3這個字符，所以會引發Syntax Error:
但是，只是使用語句中不包含的那種引號來指示字符串有時候是行不通的，因為有時候一個字符串可能同時包含單引號和雙引號，比如字符串1"2'3，所以這時候我們需要使用反斜線\來對內容進行轉義，因此對于字符串1"2'3，我們可以采用如下表示:
注意我們并沒有對字符串內容中的雙引號"進行轉義，原因同上，字符串使用單引號指示的，因此雙引號只會被認為是一個普通的字符。對于字符串內部的單引號'，為了讓解釋器得知它是一個普通字符，我們在其前面增加了一個反斜線\，\'組合起來的意思是對反斜線后面的字符'進行轉義，可以這樣理解，通過添加一個反斜線\，對于\'，你告訴了解釋器:不要按照普通的方式去解釋這個字符'，這樣解釋器就能正確地完成對該字符串的解釋。
有編程基礎的讀者應該會知道轉義這一概念廣泛存在于很多編程語言中，對\n、\r等字符應該有一定了解，類比前面的解釋，\n表示:不要按照普通的方式去解釋這個字符n。
進一步理解，假設我們從鍵盤輸入了字符串:abc\nde，一共輸入了7個字符，這7個字符經過Python解釋器解釋，兩個字符\和n將會被轉義成一個字符\n，請特別注意這一點，雖然從表面上看是兩個字符，但其實\n是一個特殊的字符，這一點我們可以從以下代碼看出:
有了這些基礎，下面我們進入到正則的部分。
因為有了Python解釋器首先對字符串的轉義，所以正則表達式模塊re看到的和你輸入的可能有所不同，比如，\n在字符串層被轉義成一個換行字符，然后re看到的是字符\n而不是\和n兩個字符，看以下代碼:
以上代碼首先定義了一個前文提到的字符串s，然后使用re模塊的search方法搜索，然后要搜索的字符串是\n，注意我們輸入的是字符\和字符n，然后經過Python解釋器的解釋實際在內存中的是一個\n字符，因此re模塊看到的是只有一個字符的字符串\n，而不是兩個字符，最后完成搜索。
如果我們想匹配字符串\\n，應該怎么輸入模式呢？，一種方法是:
對于字符串\\n，它的內容其實是一個普通的\字符和一個換行字符\n，對于我們輸入的匹配模式\\n，首先經過Python解釋器的字符串解釋，變成了兩個普通的\字符和一個換行字符\n，然后這些內容通過re模塊的compile方法，compile方法發現有兩個連續的\符號，因此將在接下來的匹配中匹配一個普通的\字符(請注意理解這一點)，而\n字符將會匹配一個\n字符，因此該模式的匹配內容是字符串中的一個普通\字符和一個\n字符。當然，寫這么多反斜線顯得十分麻煩，所以Python也提供了一種方便的方式，即原始字符串，其格式為在字符串前添加一個r字符:r'content'，通過這樣的書寫方式，Python解釋器將使用不同的規則來解釋轉義(原始字符串不能以\符號結尾)。因此上述模式可以簡化為:
讓我們再回到普通字符串，考慮以下代碼:
對于模式\\\n，經過Python解釋器的解釋將變成一個普通’`字符和一個換行字符\n，re模塊的compile方法將會看到以上解釋結果，然后該模式組合起來就是:匹配一個換行字符\n的轉義字符，也就是對換行字符\n進行轉義！結果是:
相關連接:
https://docs.python.org/3.6/library/re.html
http://stackoverflow.com/questions/33582162/backslashes-in-python-regular-expressions
本文原文地址: http://youchen.me/2017/04/24/Backslashes-in-Python-Regular-Expressions/
信所有已經步入Web前端開發領域的同學們，對于HTML超文本標記語言都不會感覺陌生。即便是正準備開始系統學習Web前端開發的同學，也多多少少了解這門語言。HTML語言由W3C互聯網聯盟制定其使用規范并對外發布。嚴格來說，HTML并不屬于編程語言，更多的是一種帶有“標記”性質的代碼集合。HTML語言所書寫的HTML文檔也都是由標記或標記對組成的。這種語言沒有邏輯流程，也就是說只要書寫正確，瀏覽器就可以直接將最終的效果呈現在頁面中。
W3C 互聯網聯盟
這里，小海老師想帶領大家重溫HTML語言，對前端開發中常用的HTML標記或標記對進行總結，對于標記或標記對中用到的屬性進行闡述。對于已經在前端開發領域摸爬滾動數年的老手們，這些內容一定是已經爛熟于心了，因此這篇文章更適合哪些剛剛接觸這個行業的新人們。
首先我要說明，本文章只收錄了HTML 4版本中包括的常用標記對和屬性，對于HTML 5新增的標記對和屬性，小海老師會在后續的文章中專門進行講解。
1、HTML文檔的基本結構：
HTML（Hyper Text Markup Language，超文本標記語言）在書寫時應該滿足它最基本的結構。HTML文檔就好像人體的結構似的，被分為“文件頭”和“文件體”兩部分。文件頭利用<head></head>標記對來實現，文件體利用<body></body>標記對來實現。
HTML語言的基本結構
2、HTML對標記和標記對的規定：
HTML語言中大部分的標記都是成對出現的，被人們稱為“標記對”，書寫時利用尖括號（也就是小于號和大于號）來進行包裹。格式為：
<標記對></標記對>
為了和早期的HTML版本兼容，W3C（World Wide Web Consortium，互聯網聯盟）在制定HTML標準的同時還保留了一小部分不成對的標記。因為不成對，所以被人們稱為“標記”，書寫時在標記的結束位置應該添加一個反斜杠。格式為：
<標記 />
3、HTML對屬性的規定：
屬性是為了拓展標記的功能書寫在起始標記中的，屬性分為“屬性名”和“屬性值”兩部分。屬性之間利用空格隔開，屬性值應該用雙引號引住，屬性名和屬性值之間利用等號連接。帶有屬性的標記對格式為：
<標記 屬性名1=“屬性值1” 屬性名2=“屬性值2”> </標記>
說到這里，我們應該繼續介紹HTML中包括的常用標記對與其對應的屬性。這里，首先我們將HTML標記對劃分為以下幾類：
HTML結構標記
文本段落標記
列表標記
超級鏈接標記
圖像標記
表格標記
表單標記
塊標記
一、HTML結構標記
支撐起HTML文檔結構的標記對包括以下幾個：
<html></html>：所有的HTML代碼必須書寫在該標記對內部。
<head></head>：文件頭標記對。
<body></body>：文件體標記對。
<title></title>：文檔標題標記對。
<meta />：元信息標記。
<link />：用于加載外部CSS文件的標記。
<style></style>：用于書寫內部CSS代碼的標記對。
<script></script>：用于書寫或加載腳本代碼的標記對。
HTML 結構標記
下面羅列了一些常用的結構用法：
1、加載字符集：<meta charset=“utf-8”/>
2、加載地址欄圖標：<link rel=“shortcut icon” href=“ico_URL” />
3、加載外部CSS文件：<link rel=“stylesheet” type=“text/css” href=“*.css” />
4、加載js文件：<script type=“text/javascript” src=“*.js”></script>
二、文本段落標記
用于在頁面中輸入文本和段落的標記對包括以下幾個：
<h1></h1>：標題標記對。共有六個，<h1>到<h6>。
<p></p>：段落標記對。
<font></font>：字體標記對。
<pre></pre>：預格式化文本標記對。
<center></center>：居中標記對。
<xmp></xmp>：忽略HTML標簽標記對。
<!--注釋內容-->：注釋標記。
文本段落標記
除了上述標記對之外，HTML還提供了一部分代碼用于在頁面中輸入特殊字符。這里我列舉了一部分常用的特殊字符，可以從下圖中看到。
特殊符號的表示
同時，HTML還提供了一組有關文本修飾的標記對，可以從下圖中看到。
文本修飾標記對
三、列表標記
用于在頁面中顯示列表的標記對包括以下幾個：
<ul></ul>：用于實現無序列表的標記對。
<ol></ol>：用于實現有序列表的標記對。
<li></li>：用于實現無序列表和有序列表列表項的標記對。
<dl></dl>：用于實現定義列表的標記對。
<dt></dt>：用于在定義列表列表項中實現定義名詞的標記對。
<dd></dd>：用于在定義列表列表項中對定義名詞進行解釋的標記對。
列表標記對
四、超級鏈接
用于在頁面中實現超級鏈接的標記對只有一個：
<a></a>：實現超級鏈接的標記對。
超級鏈接標記對有以下常用的屬性：
href：用于指定超級鏈接的目標地址。
title：用于指定當鼠標經過超級鏈接時給出的提示語。
target：用于指定打開鏈接地址頁面的方式。
name：用于指定錨的名稱。
超級鏈接標記對的屬性
五、圖像
用于在頁面中實現圖像的標記只有一個：
<img />：實現圖像的標記。
圖像標記有以下常用的屬性：
src：用于指定圖片所在的路徑和文件名。
width：用于指定圖片的寬度，單位為像素。
height：用于指定圖片的高度，單位為像素。
border：用于指定圖片的邊框粗細，單位為像素。
alt：用于指定圖片的替代文本。
align：用于指定圖片相對于周圍元素的對齊方式。
vspace：用于指定圖片與環繞在其一側的周圍元素之間的垂直距離。
hspace：用于指定圖片與環繞在其一側的周圍元素之間的水平距離。
圖像標記
由于篇幅問題，以上只是HTML常用標記對和屬性的第一部分，接下來我還會繼續發布第二部分，供廣大前端愛好者學習與參考。
由于考慮到大部分人對HTML語言的基本使用還是比較熟練的，所以本文僅僅是單純的列出了標記對的名稱和屬性名稱，并沒有詳細的講解這些標記對和屬性的使用方法。如果您大部分內容都是已經掌握了的，甚至是已經達到熟練使用的程度，可以略讀本文甚至忽略本文。如果您剛剛涉足HTML語言，對本文這種帶有列舉性質的具體使用方法并不清除，可以私信我，我可以為您免費發一份我自己編寫的關于HTML語言較為詳盡的PDF教材。歡迎廣大學習者索取。
【未完待續】
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
