HTML編輯器是一種用于編輯HTML（HTML）的文本編輯器軟件。盡管HTML本身是一種文本文件，任何文本編輯器都可以編輯，但專用的HTML編輯器通常具有語法突顯顯示、自動完成等特性，使用戶更輕松地編寫HTML。一些HTML編輯器還支持所見即所得（WYSIWYG）編輯，用戶可以通過拖放等手段在編輯界面上創(chuàng)建對象，調(diào)整屬性，非常簡便。此外，有些編輯器還具有腳本編寫功能，如Adobe Dreamweaver，支持ECMAScript、VBScript、PHP、Perl、Python等編程語言，并對連接數(shù)據(jù)庫等高級服務(wù)器操作提供更簡單便捷的編寫支持。常見的HTML編輯器包括Dreamweaver、Microsoft Word、Quark XPress等。
步驟
通過記事本，依照以下四步來創(chuàng)建您的第一張網(wǎng)頁。
一、啟動記事本
如何啟動記事本：開始―所有程序―附件―記事本。
二、用記事本來編輯HTML
在記事本中鍵入HTML代碼。
三、保存HTML
在記事本的文件菜單選擇“另存為”。
當(dāng)您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴(kuò)展名。兩者沒有區(qū)別。
在一個容易記憶的文件夾中保存這個文件，比如幸智文庫。
四、在IE瀏覽器(有一些瀏覽器沒有這個功能)中運(yùn)行這個HTML文件
啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊HTML文件。
編輯器的類型
HTML編輯器主要分為文本編輯器和所見即所得（WYSIWYG）編輯器兩種類型。
文本編輯器
用于 HTML 的文本編輯器通常至少提供語法突出顯示。一些編輯器還具有模板、工具欄和鍵盤快捷鍵，以快速插入常見的 HTML 元素和結(jié)構(gòu)。向?qū)А⒐ぞ咛崾咎崾竞妥詣油瓿煽赡苡兄谕瓿沙Ｒ娙蝿?wù)。
通常用于 HTML 的文本編輯器通常包括內(nèi)置功能或與外部工具的集成，用于版本控制、鏈接檢查和驗(yàn)證、代碼清理和格式化、拼寫檢查、通過 FTP 或 WebDAV 上傳以及構(gòu)建為項(xiàng)目等任務(wù)。某些功能（如鏈接檢查或驗(yàn)證）可能使用在線工具，需要網(wǎng)絡(luò)連接。
文本編輯器要求用戶了解 HTML 和設(shè)計者希望使用的任何其他 Web 技術(shù)，如 層疊樣式表、ECMAScript 和服務(wù)器端腳本語言。
為了簡化此要求，某些編輯器允許在比簡單的顏色突出顯示更直觀的模式下編輯標(biāo)記，但不被視為所見即所得的模式。這些編輯器通常包括使用調(diào)色板窗口或?qū)υ捒騺砭庉嬎x對象的基于文本的參數(shù)的選項(xiàng)。這些調(diào)色板允許編輯單個字段中的參數(shù)，或通過填寫屏幕表單來插入新標(biāo)簽，并且可能包括用于在編輯參數(shù)（例如預(yù)覽圖像或文本樣式）時顯示和選擇選項(xiàng)的其他小部件，或用于展開和折疊 HTML 對象和屬性的大綱編輯器。
所見即所得（WYSIWYG）編輯器
所見即所得的 HTML 編輯器提供了一個編輯界面，類似于頁面在 Web 瀏覽器中的顯示方式。由于使用所見即所得編輯器可能不需要任何 HTML 知識，因此對于沒有經(jīng)驗(yàn)的計算機(jī)用戶來說，它們通常更容易上手。
所見即所得視圖是通過嵌入布局引擎來實(shí)現(xiàn)的。這可以是自定義編寫的，也可以基于 Web 瀏覽器中使用的。目標(biāo)是，在編輯過程中，呈現(xiàn)的結(jié)果應(yīng)始終表示稍后將在典型 Web 瀏覽器中看到的內(nèi)容。
所見即所得（所見即所得）是所見即所得編輯器的替代范式。它不是專注于文檔的格式或呈現(xiàn)方式，而是保留了每個元素的預(yù)期含義。例如，頁面標(biāo)題、部分、段落等在編輯程序中被標(biāo)記為這樣，并在瀏覽器中適當(dāng)?shù)仫@示。
實(shí)現(xiàn)所見即所得的挑戰(zhàn)
由于以下幾個原因，給定的 HTML 文檔在各種平臺和計算機(jī)上的外觀不一致：
不同的瀏覽器和應(yīng)用程序?qū)⒁圆煌姆绞匠尸F(xiàn)相同的標(biāo)記。
例如，在 Google Chrome、Safari、Edge、Internet Explorer 和 Firefox 中，同一頁面在高分辨率屏幕上的顯示可能略有不同，但在完全有效的純文本 Lynx 瀏覽器中看起來會大不相同。它需要在PDA、支持互聯(lián)網(wǎng)的電視和移動電話上再次以不同的方式呈現(xiàn)。在語音或盲文瀏覽器中的可用性，或通過與傳統(tǒng)瀏覽器一起使用的屏幕閱讀器，將對底層 HTML 的完全不同的方面提出要求。作者所能做的就是建議一個外觀。與所有計算機(jī)軟件一樣，Web 瀏覽器也有錯誤。
它們可能不符合現(xiàn)行標(biāo)準(zhǔn)。試圖圍繞所有常見瀏覽器的當(dāng)前錯誤設(shè)計網(wǎng)頁是沒有希望的：每次每個瀏覽器的新版本出現(xiàn)時，萬維網(wǎng)的很大一部分都需要重新編碼以適應(yīng)新的錯誤和新的修復(fù)。通常認(rèn)為按照標(biāo)準(zhǔn)進(jìn)行設(shè)計要明智得多，在它們穩(wěn)定下來之前遠(yuǎn)離“前沿”功能，然后等待瀏覽器開發(fā)人員趕上您的頁面，而不是相反。例如，沒有人可以說層疊樣式表仍然是“最前沿的”，因?yàn)楝F(xiàn)在所有主要功能在普通瀏覽器中都有廣泛的支持，即使許多所見即所得和其他編輯器還沒有完全趕上。單個視覺樣式可以表示多個語義含義。
語義意義源自 HTML 文檔的底層結(jié)構(gòu)，對于搜索引擎和各種輔助工具都很重要。在紙上，我們可以從上下文和經(jīng)驗(yàn)中判斷粗體文本是否代表標(biāo)題、強(qiáng)調(diào)或其他東西。但是在所見即所得的編輯器中很難傳達(dá)這種區(qū)別。在所見即所得的編輯器中，簡單地將一段文本加粗并不足以告訴讀者*為什么*文本是粗體的——粗體在語義上代表什么。現(xiàn)代網(wǎng)站很少以所見即所得的方式構(gòu)建。
現(xiàn)代網(wǎng)站通常使用內(nèi)容管理系統(tǒng)或其他一些基于模板處理器的方法，使用存儲在數(shù)據(jù)庫中的內(nèi)容動態(tài)構(gòu)建頁面。單個頁面永遠(yuǎn)不會存儲在文件系統(tǒng)中，因?yàn)樗鼈兛赡苁窃?a href="/hebeideji/4898936707885533099.html">所見即所得編輯器中設(shè)計和編輯的，因此某種形式的基于模板的抽象布局是不可避免的，使使用所見即所得編輯器的主要好處之一無效。
有效的HTML標(biāo)記
HTML 是一種結(jié)構(gòu)化標(biāo)記語言。如果 HTML 要符合萬維網(wǎng)的 W3C 標(biāo)準(zhǔn)，就必須編寫某些規(guī)則。遵循這些規(guī)則意味著可以在所有類型和品牌的計算機(jī)上訪問網(wǎng)站，包括身體健全和殘疾人，也可以在移動電話和PDA等無線設(shè)備上訪問，這些設(shè)備的帶寬和屏幕尺寸有限。但是，Web 上的大多數(shù) HTML 文檔都不符合 W3C 標(biāo)準(zhǔn)的要求。在 2011 年對 350 個最受歡迎的網(wǎng)站（由 Alexa 索引選擇）進(jìn)行的一項(xiàng)研究中，94% 的網(wǎng)站未通過 Web 標(biāo)準(zhǔn)標(biāo)記和樣式表驗(yàn)證測試，或者不正確地應(yīng)用字符編碼。即使是那些語法正確的文檔，也可能由于不必要地使用重復(fù)或基于已棄用多年的規(guī)則而效率低下。 目前W3C關(guān)于將層疊樣式表與HTML一起使用的建議在1996年由W3C正式提出，并從那時起進(jìn)行了修訂和完善。
這些準(zhǔn)則強(qiáng)調(diào)內(nèi)容（HTML 或 XHTML）與樣式 （CSS） 的分離。這樣做的好處是可以為整個網(wǎng)站提供一次樣式信息，而不是在每個頁面中重復(fù)，更不用說在每個 HTML 元素中了。從那時起，所見即所得的編輯器設(shè)計人員一直在努力解決如何最好地向用戶展示這些概念，而不會通過暴露潛在的現(xiàn)實(shí)來混淆他們。現(xiàn)代的所見即所得編輯器都在某種程度上取得了成功，但沒有一個完全成功。
然而，一個網(wǎng)頁是創(chuàng)建或編輯的，所見即所得的，還是手工的，為了在盡可能多的讀者和瀏覽者中取得成功，以及保持網(wǎng)絡(luò)本身的“全球”價值，首先它應(yīng)該由有效的標(biāo)記和代碼組成。在它的 HTML 和 層疊樣式表 語法使用免費(fèi)的 W3C 驗(yàn)證器服務(wù)或其他一些值得信賴的替代方案成功驗(yàn)證之前，它不應(yīng)該被認(rèn)為已經(jīng)為萬維網(wǎng)做好了準(zhǔn)備。
考慮到網(wǎng)絡(luò)在現(xiàn)代社會中的普遍性和重要性，身體、視力或其他殘疾的人可以訪問網(wǎng)頁不僅是一個好主意，而且也是法律規(guī)定的。在美國，《美國殘疾人法》和英國的《殘疾歧視法》對由公共資助組織運(yùn)營的網(wǎng)站提出了要求。在許多其他國家，類似的法律要么已經(jīng)存在，要么很快就會存在。 使頁面易于訪問比僅僅使它們有效更復(fù)雜;這是一個先決條件，但還有許多其他因素需要考慮。好的網(wǎng)頁設(shè)計，無論是否使用所見即所得工具完成，也需要考慮到這些。
無論使用什么軟件工具來設(shè)計、創(chuàng)建和維護(hù)網(wǎng)頁，底層 HTML 的質(zhì)量都取決于在頁面上工作的人員的技能。對 HTML、層疊樣式表 和其他腳本語言的一些了解，以及對這些領(lǐng)域當(dāng)前 W3C 建議的熟悉，將有助于任何設(shè)計人員在有和沒有所見即所得的 HTML 編輯器的情況下制作出更好的網(wǎng)頁。
參考資料 >