ordPress是一種使用PHP語(yǔ)言開(kāi)發(fā)的博客平臺(tái)，用戶可以在支持PHP和MySQL數(shù)據(jù)庫(kù)的服務(wù)器上架設(shè)屬于自己的網(wǎng)站，也可以把WordPress當(dāng)作一個(gè)內(nèi)容管理系統(tǒng)（CMS）來(lái)使用。

8月3日，WordPress開(kāi)發(fā)團(tuán)隊(duì)發(fā)布了WordPress 4.8.1維護(hù)升級(jí)版本，增加了一個(gè)單獨(dú)的HTML小工具，來(lái)解決WordPress 4.8版本中文本小工具的問(wèn)題。

今年6月份發(fā)布的WordPress 4.8正式版，將TinyMCE 編輯器引入到了文本小工具（掛件），用戶可以直接在小工具中編輯富文本。

對(duì)于網(wǎng)站內(nèi)容編輯來(lái)講，這是一個(gè)非常方便、實(shí)用的新功能；但對(duì)于一些高級(jí)用戶來(lái)講，尤其是經(jīng)常在小工具中添加js腳本或HTML代碼的用戶，卻帶來(lái)了意外的問(wèn)題。

經(jīng)常使用WordPress默認(rèn)編輯器（即TinyMCE編輯器）的用戶都知道，如果你在文本模式（HTML模式）下復(fù)制粘貼代碼，可以試試切換回可視化編輯模式，然后再重新切換到文本模式，你會(huì)發(fā)現(xiàn)代碼精簡(jiǎn)了許多。如下圖所示：

這并不是一個(gè)bug ，而是WordPress編輯器的一個(gè)功能。編輯器會(huì)對(duì)正文內(nèi)容中的HTML代碼進(jìn)行簡(jiǎn)化，移除不必要的代碼。對(duì)于網(wǎng)站內(nèi)容編輯來(lái)講，如果你經(jīng)常使用復(fù)制粘貼功能，就會(huì)發(fā)現(xiàn)它的優(yōu)勢(shì)，它可以盡量減少使用粘貼功能帶來(lái)的多余的HTML代碼。

這個(gè)特性也同樣被帶入到了小工具的編輯器之中。如果你想要在富文本小工具中增加HTML代碼或者js腳本的話，就得小心別被編輯器把代碼剔除了。因此，這是相當(dāng)不方便的。

現(xiàn)在，WordPress 4.8.1增加了一個(gè)單獨(dú)的Custom HTML小工具，以方便用戶在小工具之中添加代碼。現(xiàn)在，如果你想要使用富文本編輯器的HTML文本編輯模式，就會(huì)遇到這樣的提示：

WordPress 4.8.1中新增加的Custom HTML小工具，其外觀與WordPress 4.7及更早版本中的文本小工具非常像。

而WordPress 4.8中的富文本小工具保持不變，默認(rèn)開(kāi)啟可視化編輯，用戶可以一如既往地使用。

此外，WordPress 4.8.1還修復(fù)了其他一些bug，詳細(xì)的發(fā)布說(shuō)明請(qǐng)查看這里。

現(xiàn)在，你可以通過(guò)這里點(diǎn)擊下載WordPress 4.8.1版本；也可以通過(guò) WordPress 的后臺(tái)一鍵更新到最新版本。建議在升級(jí)之前做好備份，以免升級(jí)過(guò)程中出現(xiàn)意外。

欲善其事必先利其器，好的工具能夠提高工作效率。現(xiàn)在網(wǎng)上有很多實(shí)用的小工具，可以幫助你解決工作中的小問(wèn)題。下面就一一分享給大家。

1、漢字拼音在線轉(zhuǎn)換

（https://www.qqxiuzi.cn/zh/pinyin/）

網(wǎng)站支持文字轉(zhuǎn)成拼音大小寫(xiě)，首字母大寫(xiě)、句首大寫(xiě)、標(biāo)注聲調(diào)等等。對(duì)于不熟悉拼音，常用五筆來(lái)打字的人來(lái)說(shuō)，轉(zhuǎn)換出正確的拼音很讓人頭痛，這個(gè)在線網(wǎng)站幫你解決。也能解決普通話不標(biāo)準(zhǔn)的一些家長(zhǎng)的困惑，在輔導(dǎo)孩子寫(xiě)語(yǔ)文作業(yè)的時(shí)候，不知道拼音怎么標(biāo)注聲調(diào)。

2、在線英文字母大小寫(xiě)轉(zhuǎn)換

（https://www.iamwawa.cn/daxiaoxie.html）

網(wǎng)站支持字母全大寫(xiě)、全小寫(xiě)、首字母大寫(xiě)、首字母大寫(xiě)、空格轉(zhuǎn)下劃線等等，都是很實(shí)用的編輯功能，網(wǎng)站還有很多實(shí)用的功能，需要的可以自行解鎖。

3、二維碼圖片轉(zhuǎn)矢量

（http://www.zhangqu.org/?page_id=359）

做設(shè)計(jì)的時(shí)候會(huì)遇到把二維碼轉(zhuǎn)換成矢量的時(shí)候，如果用PS或者AI轉(zhuǎn)出來(lái)的都不是很好，對(duì)于原始文件像素不高的很難解決，這個(gè)網(wǎng)站轉(zhuǎn)換出來(lái)的就很好，可以直接使用。但是面對(duì)特殊的圓形二維碼或者其他的識(shí)別度都行，網(wǎng)站只能轉(zhuǎn)出方形的二維碼。

4、在線書(shū)法字轉(zhuǎn)換

（http://www.ziticq.com/Shufa）

這是一個(gè)很好的在線書(shū)法字轉(zhuǎn)換網(wǎng)站，你可以選擇你喜歡的字進(jìn)行組合。網(wǎng)站提供158,592 幅書(shū)法作品中出現(xiàn)的字，可以存svg, png, pdf格式的文件，適用Ai、Ps等軟件。

5、人民幣大寫(xiě)在線轉(zhuǎn)換

（https://www.917118.com/tool/rmb.html）

這個(gè)網(wǎng)站主要是人民幣大寫(xiě)的轉(zhuǎn)換、計(jì)算機(jī)顏色在線查詢工具，我主要用在財(cái)務(wù)報(bào)銷(xiāo)的時(shí)候，填寫(xiě)報(bào)銷(xiāo)單需要用到人民幣的大寫(xiě)。

6、在線修改照片

（https://www.gaitubao.com/）

網(wǎng)站可以在線修改圖片像素及尺寸、裁剪、壓縮文件大小，對(duì)于一些從事文案工作的人來(lái)說(shuō)是個(gè)好幫手，可以解決一些問(wèn)題，不用打開(kāi)專(zhuān)業(yè)的軟件去操作，效率低。

這次就分享這些實(shí)用的工具網(wǎng)站給大家，歡迎在評(píng)論區(qū)留言分享你的實(shí)用工具，點(diǎn)贊和評(píng)論是對(duì)我最大的鼓勵(lì)支持，謝謝大家。

簽

1. 標(biāo)簽：又稱(chēng)元素，是HTML的基本組成單位雙標(biāo)簽（絕大多數(shù)都是雙標(biāo)簽）：<標(biāo)簽名>標(biāo)簽體</標(biāo)簽名>第一個(gè)標(biāo)簽叫起始標(biāo)簽，第二個(gè)標(biāo)簽叫結(jié)束標(biāo)簽例：<marquee>尚硅谷，讓天下沒(méi)有難學(xué)的技術(shù)！</marquee>單標(biāo)簽：<標(biāo)簽名/>/可以省略例：<input>
2. 標(biāo)簽名不區(qū)分大小寫(xiě)，但推薦小寫(xiě)，因?yàn)樾?xiě)更規(guī)范
3. 標(biāo)簽之間的關(guān)系：并列關(guān)系、嵌套關(guān)系，可以使用 tab 鍵進(jìn)行縮進(jìn)
4. 1
   2
   3
   4
   5
   <marquee>
   尚硅谷，讓天下沒(méi)有難學(xué)的技術(shù)！
   <input>
   </marquee>
   <input>

標(biāo)簽屬性

1. 用于給標(biāo)簽提供附加信息
2. 可以寫(xiě)在起始標(biāo)簽或單標(biāo)簽中，形式如下：<標(biāo)簽名 屬性名="屬性值" 屬性名="屬性值">
3. 1
   2
   <marquee loop="1" bgcolor="orange">尚硅谷，讓天下沒(méi)有難學(xué)的技術(shù)！</marquee>
   <input type="password">
4. 有些特殊的屬性，沒(méi)有屬性名，只有屬性值，如：<input disabled>

不同的標(biāo)簽，有不同的屬性；也有一些通用屬性（在任何標(biāo)簽內(nèi)都能寫(xiě)）屬性名、屬性值不能亂寫(xiě)，都是W3C規(guī)定好的屬性名、屬性值，都不區(qū)分大小寫(xiě)，但推薦小寫(xiě)雙引號(hào)，也可以寫(xiě)成單引號(hào)，甚至不寫(xiě)，但推薦寫(xiě)雙引號(hào)標(biāo)簽中不要出現(xiàn)同名屬性，否則后寫(xiě)的會(huì)失效，例如：<input type="text" type="password">

基本結(jié)構(gòu)

1. 想要呈現(xiàn)在網(wǎng)頁(yè)中的內(nèi)容寫(xiě)在body標(biāo)簽中
2. head標(biāo)簽中的內(nèi)容不會(huì)出現(xiàn)在網(wǎng)頁(yè)中
3. head標(biāo)簽中的title標(biāo)簽可以指定網(wǎng)頁(yè)的標(biāo)題
4. 1
   2
   3
   4
   5
   6
   7
   8
   <html>
   <head>
   <title>網(wǎng)頁(yè)標(biāo)題</title>
   </head>
   <body>
   ......
   </body>
   </html>

注釋

1. 特點(diǎn)：注釋的內(nèi)容會(huì)被瀏覽器所忽略，不會(huì)呈現(xiàn)到頁(yè)面中，但源代碼中依然可見(jiàn)
2. 作用：對(duì)代碼進(jìn)行解釋和說(shuō)明
3. 寫(xiě)法
4. 1
   2
   3
   4
   <!-- 下面的文字只能滾動(dòng)一次 -->
   <marquee loop="1">尚硅谷</marquee>
   <!-- 下面的文字可以無(wú)限滾動(dòng) -->
   <marquee>尚硅谷123</marquee>
5. 注釋不可以嵌套

文檔聲明

1. 作用：告訴瀏覽器當(dāng)前網(wǎng)頁(yè)的版本
2. 寫(xiě)法
1. 舊寫(xiě)法：要依網(wǎng)頁(yè)所用的HTML版本而定，寫(xiě)法有很多參考：W3C QA - 可在 Web 文檔中使用的 Doctype 聲明的推薦列表
2. 新寫(xiě)法：W3C 推薦使用 HTML 5 的寫(xiě)法
3. 1
   2
   3
   4
   5
   <!DOCTYPE html>
   或
   <!DOCTYPE HTML>
   或
   <!doctype html>
3. 文檔聲明必須在網(wǎng)頁(yè)的第一行，且在html標(biāo)簽的外側(cè)

字符編碼

1. 計(jì)算機(jī)對(duì)數(shù)據(jù)的操作存儲(chǔ)時(shí)，對(duì)數(shù)據(jù)進(jìn)行：編碼讀取時(shí)，對(duì)數(shù)據(jù)進(jìn)行：解碼
2. 編碼、解碼，會(huì)遵循一定的規(guī)范 —— 字符集
3. 常見(jiàn)的字符集ASCII：大寫(xiě)字母、小寫(xiě)字母、數(shù)字、一些符號(hào)，共計(jì)128個(gè)ISO 8859-1：在 ASCII 基礎(chǔ)上，擴(kuò)充了一些希臘字符等，共計(jì)是256個(gè)GB2312：繼續(xù)擴(kuò)充，收錄了 6763 個(gè)常用漢字、682個(gè)字符GBK：收錄了的漢字和符號(hào)達(dá)到 20000+ ，支持繁體中文UTF-8 ：包含世界上所有文字與符號(hào)
4. 為了讓瀏覽器在渲染html文件時(shí)，不犯錯(cuò)誤，可以通過(guò)meta標(biāo)簽配合charset屬性指定字符編碼
5. 1
   2
   3
   <head>
   <meta charset="UTF-8"/>
   </head>

設(shè)置語(yǔ)言

1. 主要作用讓瀏覽器顯示對(duì)應(yīng)的翻譯提示有利于搜索引擎優(yōu)化
2. 具體寫(xiě)法：<html lang="zh-CN">
3. lang屬性的編寫(xiě)規(guī)則語(yǔ)言-國(guó)家/地區(qū)zh-CN ：中文-中國(guó)大陸（簡(jiǎn)體中文）zh-TW ：中文-中國(guó)臺(tái)灣（繁體中文）zh ：中文en-US ：英語(yǔ)-美國(guó)en-GB ：英語(yǔ)-英國(guó)語(yǔ)言—具體種類(lèi)（已不推薦使用）zh-Hans ：中文—簡(jiǎn)體zh-Hant ：中文—繁體W3School 上的說(shuō)明：《語(yǔ)言代碼參考手冊(cè)》 、《國(guó)家/地區(qū)代碼參考手冊(cè)》 W3C官網(wǎng)上的說(shuō)明：《Language tags in HTML》

標(biāo)準(zhǔn)結(jié)構(gòu)

1. HTML標(biāo)準(zhǔn)結(jié)構(gòu)如下
2. 1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   <!DOCTYPE html>
   <html lang="zh-CN">
   
   <head>
   <meta charset="UTF-8">
   <title>Document</title>
   </head>
   
   <body>
   
   </body>
   
   </html>

VSCode 刪除行快捷鍵：Ctrl+Shift+K

1. 輸入!，隨后回車(chē)即可快速生成標(biāo)準(zhǔn)結(jié)構(gòu)
2. 配置VScode 的內(nèi)置插件 emmet ，可以對(duì)生成結(jié)構(gòu)的屬性進(jìn)行定制
3. 在存放代碼的文件夾中，存放一個(gè) favicon.ico 圖片，可配置網(wǎng)站圖標(biāo)