關(guān)于html,css及markdown基礎(chǔ)語法的初認(rèn)知

HTML

HTML指的是超文本標(biāo)記語言(Hyper Text Markip Language),它不是一種編程語言而是一種標(biāo)記語言伊脓,通過使用標(biāo)簽來描述網(wǎng)頁。

HTML是網(wǎng)頁的骨架,也是網(wǎng)頁的基礎(chǔ)溺森,作為標(biāo)記性語言具體有如下一些用途

? ? ? ?定義了文檔的信息

<title>? ? ? ? ? 定義了文檔的標(biāo)題

<base>? ? ? ? 定義了頁面鏈接標(biāo)簽的默認(rèn)鏈接地址

<link>? ? ? ? ? ?定義了一個文檔和外部資源之間的關(guān)系

<meta>? ? ? ? 定義了HTML文檔中的元數(shù)據(jù)

<script>? ? ? ? 定義了客戶端的腳本文件

<style>? ? ? ? ? 定義了HTML文檔的樣式文件

CSS

簡介

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計算機語言巫橄。CSS不僅可以靜態(tài)地修飾網(wǎng)頁淘邻,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制湘换,支持幾乎所有的字體字號樣式宾舅,擁有對網(wǎng)頁對象和模型樣式編輯的能力

發(fā)展歷程

1990年彩倚,Tim Berners-Lee和Robert Cailliau共同發(fā)明了Web筹我。1994年,Web真正走出實驗室帆离。[3]

從HTML被發(fā)明開始蔬蕊,樣式就以各種形式存在。不同的瀏覽器結(jié)合它們各自的樣式語言為用戶提供頁面效果的控制哥谷。最初的HTML只包含很少的顯示屬性岸夯。

隨著HTML的成長,為了滿足頁面設(shè)計者的要求们妥,HTML添加了很多顯示功能猜扮。但是隨著這些功能的增加,HTML變的越來越雜亂监婶,而且HTML頁面也越來越臃腫旅赢。于是CSS便誕生了。

1994年哈坤·利提出了CSS的最初建議压储。而當(dāng)時伯特·波斯(Bert Bos)正在設(shè)計一個名為Argo的瀏覽器鲜漩,于是他們決定一起設(shè)計CSS。

其實當(dāng)時在互聯(lián)網(wǎng)界已經(jīng)有過一些統(tǒng)一樣式表語言的建議了集惋,但CSS是第一個含有“層疊”豐意的樣式表語言孕似。在CSS中,一個文件的樣式可以從其他的樣式表中繼承刮刑。讀者在有些地方可以使用他自己更喜歡的樣式喉祭,在其他地方則繼承或“層疊”作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計雷绢,混合每個人的愛好泛烙。

哈坤于1994年在芝加哥的一次會議上第一次提出了CSS的建議,1995年的www網(wǎng)絡(luò)會議上CSS又一次被提出翘紊,博斯演示了Argo瀏覽器支持CSS的例子蔽氨,哈肯也展示了支持CSS的Arena瀏覽器。

同年,W3C組織(World WideWeb Consortium)成立鹉究,CSS的創(chuàng)作成員全部成為了W3C的工作小組并且全力以赴負(fù)責(zé)研發(fā)CSS標(biāo)準(zhǔn)宇立,層疊樣式表的開發(fā)終于走上正軌。有越來越多的成員參與其中自赔,例如微軟公司的托馬斯·萊爾頓(Thomas Reaxdon)妈嘹,他的努力最終令I(lǐng)nternet Explorer瀏覽器支持CSS標(biāo)準(zhǔn)。哈坤绍妨、波斯和其他一些人是這個項目的主要技術(shù)負(fù)責(zé)人润脸。1996年底,CSS初稿已經(jīng)完成他去,同年12月毙驯,層疊樣式表的第一份正式標(biāo)準(zhǔn)(Cascading style Sheets Level 1)完成,成為w3c的推薦標(biāo)準(zhǔn)孤页。

1997年初尔苦,W3C組織負(fù)責(zé)CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結(jié)果組成了1998年5月出版的CSS規(guī)范第二版行施。

語言特點

CSS為HTML標(biāo)記語言提供了一種樣式描述允坚,定義了其中元素的顯示方式。CSS在Web設(shè)計領(lǐng)域是一個突破蛾号。利用它可以實現(xiàn)修改一個小的樣式更新與之相關(guān)的所有頁面元素稠项。

總體來說,CSS具有以下特點:

豐富的樣式定義

CSS提供了豐富的文檔樣式外觀鲜结,以及設(shè)置文本和背景屬性的能力展运;允許為任何元素創(chuàng)建邊框,以及元素邊框與其他元素間的距離精刷,以及元素邊框與元素內(nèi)容間的距離拗胜;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果怒允。

易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中埂软,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中纫事,以供HTML頁面引用勘畔。總之丽惶,CSS樣式表可以將所有的樣式聲明統(tǒng)一存放炫七,進(jìn)行統(tǒng)一管理。

另外钾唬,可以將相同樣式的元素進(jìn)行歸類万哪,使用同一個樣式進(jìn)行定義侠驯,也可以將某個樣式應(yīng)用到所有同名的HTML標(biāo)簽中,也可以將一個CSS樣式指定到某個頁面元素中壤圃。如果要修改樣式陵霉,我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。

多頁面應(yīng)用

CSS樣式表可以單獨存放在一個CSS文件中伍绳,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件乍桂,在任何頁面文件中都可以將其引用冲杀。這樣就可以實現(xiàn)多個頁面風(fēng)格的統(tǒng)一。

層疊

簡單的說睹酌,層疊就是對一個元素多次設(shè)置同一個樣式权谁,這將使用最后一次設(shè)置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表憋沿,而某些頁面中的某些元素想使用其他樣式旺芽,就可以針對這些樣式單獨定義一個樣式表應(yīng)用到頁面中。這些后來定義的樣式將對前面的樣式設(shè)置進(jìn)行重寫辐啄,在瀏覽器中看到的將是最后面設(shè)置的樣式效果采章。

頁面壓縮

在使用HTML定義頁面效果的網(wǎng)站中,往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式壶辜,這樣做的后果就是會產(chǎn)生大量的HTML標(biāo)簽悯舟,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中砸民,可以大大的減小頁面的體積抵怎,這樣在加載頁面時使用的時間也會大大的減少。另外岭参,CSS樣式表的復(fù)用更大程度的縮減了頁面的體積反惕,減少下載的時間。

語言標(biāo)準(zhǔn)

在CSS

2.1規(guī)范中演侯,識別符(包括選擇符中的元素名姿染、類、ID)只能包含A~Z蚌本、a~z盔粹、0~9等字符,加上連字符“-”程癌、下劃線“_”舷嗡。識別符不能以數(shù)字開頭,以連字符和下劃線開頭也是不允許的嵌莉。只有屬性进萄、屬性值、單位、偽類中鼠、偽元素和“@”規(guī)則可以由連字符“-”開頭可婶。同時,其他元素名稱援雇、類和ID標(biāo)識符也不允許用連字符開頭矛渴。

CSS的識別符也需要用反斜杠“\”規(guī)避特殊字符,這些規(guī)避字符遵循IS010646規(guī)范惫搏。特殊字符的規(guī)避方法有兩種:第一種方法是遇到特殊字符則在這些字符前直接添加反斜杠具温,例如,“AT&T”變?yōu)椤癆T\&T”筐赔;另一種方法為用反斜杠和Unicode或IS010646等值的十六進(jìn)制數(shù)值一起铣猩,規(guī)避特殊字符,例如茴丰,“AT&T”變?yōu)椤癆T\26T”达皿。

技術(shù)應(yīng)用

網(wǎng)站

在HTML文件里加一個超級鏈接, 引入外部的 CSS 文檔。這個方法最方便管理整個網(wǎng)站的網(wǎng)頁風(fēng)格, 它讓網(wǎng)頁的文字內(nèi)容與版面設(shè)計分開贿肩。只要在一個CSS文檔內(nèi)(擴展名為 CSS) 定義好網(wǎng)頁的風(fēng)格,然后在網(wǎng)頁中加一個超級鏈接連接到該文檔,那么網(wǎng)頁就會按照在CSS文檔內(nèi)定義好的風(fēng)格顯示出來峦椰。

MARKDOWN

簡介

Markdown是一種輕量級標(biāo)記語言,創(chuàng)始人為約翰·格魯伯(英語:John Gruber)尸曼。它允許人們使用易讀易寫的純文本格式編寫文檔们何,然后轉(zhuǎn)換成有效的XHTML(或者HTML)文檔。這種語言吸收了很多在電子郵件中已有的純文本標(biāo)記的特性控轿。

由于Markdown的輕量化冤竹、易讀易寫特性,并且對于圖片茬射,圖表鹦蠕、數(shù)學(xué)式都有支持,目前許多網(wǎng)站都廣泛使用Markdown來撰寫幫助文檔或是用于論壇上發(fā)表消息在抛。 如GitHub钟病、RedditDiaspora刚梭、Stack Exchange肠阱、OpenStreetMapSourceForge朴读、簡書等屹徘,甚至還能被使用來撰寫電子書

發(fā)展歷程

John Gruber在2004年創(chuàng)造了Markdown語言衅金,在語法上有很大一部分是跟亞倫·斯沃茨(Aaron Swartz)共同合作的噪伊。這個語言的目的是希望大家使用“易于閱讀簿煌、易于撰寫的純文字格式,并選擇性的轉(zhuǎn)換成有效的XHTML(或是HTML)”鉴吹。 其中最重要的設(shè)計是可讀性姨伟,也就是說這個語言應(yīng)該要能直接在字面上的被閱讀,而不用被一些格式化指令標(biāo)記(像是RTF與HTML)豆励。 因此夺荒,它是現(xiàn)行電子郵件標(biāo)記格式的慣例,雖然它也借鑒了很多早期的標(biāo)記語言肆糕,如:Setext般堆、Texile、reStructuredText诚啃。

標(biāo)準(zhǔn)化

Markdown已經(jīng)成為典型的轉(zhuǎn)換為HTML的非正式規(guī)范[1]和參考實現(xiàn)。隨著時間的推移私沮,出現(xiàn)了許多Markdown實現(xiàn)始赎。人們開發(fā)這些主要是由于在基本語法之上需要額外的功能 - 例如表格,腳注仔燕,定義列表(技術(shù)上的HTML描述列表)和HTML塊內(nèi)的Markdown造垛。其中一些行為偏離了最開始的參考實現(xiàn)。與此同時晰搀,非正式規(guī)范中的一些含糊不清引起了人們的注意[2]五辽。這些問題促使Markdown解析器的一些開發(fā)人員努力實現(xiàn)標(biāo)準(zhǔn)化。

2016年3月發(fā)布了RFC 7763和RFC 7764外恕。RFC 7763 從原始變體引入了MIME類型 text/markdown杆逗。RFC 7764討論并注冊了MultiMarkdown、GitHub Flavored Markdown (GFM)鳞疲、Pandoc罪郊、CommonMark及Markdown等變體。[3]

CommonMark

從2012年開始尚洽,包括Jeff Atwood和John MacFarlane在內(nèi)的一群人啟動了標(biāo)準(zhǔn)化工作悔橄。[4]一個社區(qū)網(wǎng)站旨在記錄可用于文檔作者和開發(fā)人員的各種工具和資源,以及各種markdown實現(xiàn)的實現(xiàn)者腺毫。[5]2014年9月癣疟,Gruber反對在這一工作中繼續(xù)使用“Markdown”這個名字,其被更名為CommonMark潮酒。[6]CommonMark發(fā)布了規(guī)范睛挚、參考實現(xiàn)和測試包的幾個版本,并計劃在2018年宣布最終的1.0規(guī)范和測試包澈灼。[7]

GFM

2017年竞川,GitHub發(fā)布了基于CommonMark的GitHub Flavored Markdown(GFM)的正式規(guī)范店溢。[8]除了表格、刪除線委乌、自動鏈接和任務(wù)列表被GitHub規(guī)范作為擴展添加之外床牧,它遵循CommonMark規(guī)范。 [9]GitHub還相應(yīng)地更改了其站點上使用的解析器遭贸,這要求更改某些文檔 - 例如戈咳,GFM現(xiàn)在要求創(chuàng)建標(biāo)題的哈希符號由空格字符分隔。

Markdown Extra

Markdown

Extra是一種輕量級標(biāo)記語言壕吹,基于在PHP(最初)著蛙、Python和Ruby中實現(xiàn)的Markdown。它添加了普通Markdown語法不具備的功能耳贬。內(nèi)容管理系統(tǒng)支持Markdown

Extra踏堡,例如Drupal,TYPO3和MediaWiki咒劲。

它為Markdown添加了以下功能:

HTML塊內(nèi)的markdown標(biāo)記

具有id / class屬性的元素

圍欄代碼塊

表格

定義清單

腳注

縮寫

用途

世界上最流行的博客平臺WordPress和大型CMS如Joomla顷蟆、Drupal都能很好的支持Markdown。完全采用Markdown編輯器的博客平臺有GhostTypecho等腐魂。

用于編寫說文檔帐偎,以“README.md”的文件名保存在軟件的目錄下面。

Markdown可以快速轉(zhuǎn)化為演講PPT蛔屹、Word產(chǎn)品文檔甚至是用非常少量的代碼完成最小可用原型

編輯器

Windows

Typora削樊、Simplenote、Laverna兔毒、Boostnote漫贞、Inkdrop、Cmd Markdown眼刃、馬克飛象绕辖、Yu Writer、看云擂红、有道云筆記仪际、為知筆記、螞蟻筆記

MacOS

Typora昵骤、Typed树碱、Ulysses、Falcon

Linux

Atom变秦、GNU Emacs成榜、Remarkable、Haroopad蹦玫、ReText赎婚、UberWriter刘绣、Mark My Words

瀏覽器插件(Chorme內(nèi)核)

Markdown Preview、Markdown Here

Android

Draft挣输、JotterPad X纬凤、堅果云Markdown

iOS

Byword、simplenote撩嚼、堅果云Markdown

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末停士,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子完丽,更是在濱河造成了極大的恐慌牡昆,老刑警劉巖兵罢,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件奔缠,死亡現(xiàn)場離奇詭異束昵,居然都是意外死亡,警方通過查閱死者的電腦和手機聘鳞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門朱躺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人搁痛,你說我怎么就攤上這事∮畛冢” “怎么了鸡典?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長枪芒。 經(jīng)常有香客問我彻况,道長,這世上最難降的妖魔是什么舅踪? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任纽甘,我火速辦了婚禮,結(jié)果婚禮上抽碌,老公的妹妹穿的比我還像新娘悍赢。我一直安慰自己,他們只是感情好货徙,可當(dāng)我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布左权。 她就那樣靜靜地躺著,像睡著了一般痴颊。 火紅的嫁衣襯著肌膚如雪赏迟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天蠢棱,我揣著相機與錄音锌杀,去河邊找鬼甩栈。 笑死,一個胖子當(dāng)著我的面吹牛糕再,可吹牛的內(nèi)容都是我干的量没。 我是一名探鬼主播,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼亿鲜,長吁一口氣:“原來是場噩夢啊……” “哼允蜈!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蒿柳,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤饶套,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后垒探,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體妓蛮,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年圾叼,在試婚紗的時候發(fā)現(xiàn)自己被綠了蛤克。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡夷蚊,死狀恐怖构挤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情惕鼓,我是刑警寧澤筋现,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站箱歧,受9級特大地震影響矾飞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜呀邢,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一洒沦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧价淌,春花似錦申眼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至买乃,卻和暖如春姻氨,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背剪验。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工肴焊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留前联,地道東北人。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓娶眷,卻偏偏與公主長得像似嗤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子届宠,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容