整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
么是HTML / HTM文件？他們相差一個(gè)字母有什么區(qū)別嗎，如何查看或編輯源代碼以及如何轉(zhuǎn)換成其他格式，例如DOCX，PDF，JPG 等，針對(duì)這些問(wèn)題編程獅W3Cschool整理以下資料希望能對(duì)你有所幫助：
HTM / HTML 文件是超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language）文件，是 Internet 上的標(biāo)準(zhǔn)網(wǎng)頁(yè)文件類型。
由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現(xiàn)在正在閱讀的內(nèi)容）以及對(duì)其他外部文件的文本引用（例如本文中的配圖）。
HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。
HTM 與 HTML 沒(méi)有本質(zhì)意義的區(qū)別，只是為了滿足 DOS 僅能識(shí)別 8+3 的文件名而已，因?yàn)橐恍├系南到y(tǒng) (win32) 不能識(shí)別四位文件名，所以某些網(wǎng)頁(yè)服務(wù)器要求 index.html 最后一個(gè) l 不能省略。MSIE 能自動(dòng)識(shí)別和打開(kāi)這些文件，但編寫(xiě)網(wǎng)頁(yè)地址的時(shí)候必須是完全對(duì)應(yīng)的，也就是說(shuō) index.htm 和 index.html 是兩個(gè)不同的文件，對(duì)應(yīng)著不同的地址。值得一提的是 UNIX 系統(tǒng)中對(duì)大小寫(xiě)敏感，不吻合的話就可能報(bào)沒(méi)有文件或者找不到文件。
任何 Web 瀏覽器，例如 Edge，F(xiàn)irefox，Chrome，Opera，IE，360 安全瀏覽器等，都可以打開(kāi)并正確顯示 HTM 和 HTML 文件。換句話說(shuō)，在瀏覽器中打開(kāi)這些文件并“解碼（decode）” HTM 或 HTML 文件使其能正確顯示。
現(xiàn)在有很多簡(jiǎn)化編輯和創(chuàng)建 HTM / HTML 文件的工具。一些著名的免費(fèi) HTML 編輯器包括 Eclipse ，Komodo Edit 和 Bluefish 。另一個(gè)流行的具有許多高級(jí)功能的 HTM / HTML 編輯器是 Adobe Dreamweaver ，不過(guò)它是收費(fèi)的。
雖然 Windows 系統(tǒng)自帶的記事本等簡(jiǎn)單的文本編輯器的功能不如專用的 HTM 編輯器那么豐富，但是對(duì) HTM 或 HTML 文件進(jìn)行簡(jiǎn)單編輯修改還是可以的。不過(guò)，W3Cschool還是建議大家使用專用的編輯器，如 WebStorm、VS Code 等，它具更多專業(yè)功能。
這是一個(gè)非常簡(jiǎn)單的 HTML 頁(yè)面以文本形式顯示的示例：
源碼：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>什么是HTM或HTML文件？ - 編程獅(w3cschool.cn)</title>
</head>
<body>
<h1>什么是HTM或HTML文件？</h1>
<p>HTM / HTML 文件是超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language）文件，是 Internet 上的標(biāo)準(zhǔn)網(wǎng)頁(yè)文件類型。</p>
<p>由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現(xiàn)在正在閱讀的內(nèi)容）以及對(duì)其他外部文件的文本*引用*（例如本文中的配圖）。</p>
<p>HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。</p>
</body>
</html>當(dāng) Web 瀏覽器呈現(xiàn)信息時(shí)，HTML 文件的源代碼被“轉(zhuǎn)換”為真實(shí)的網(wǎng)頁(yè)（盡管源代碼已很精簡(jiǎn)了）。
HTM 文件以特定的語(yǔ)法（規(guī)則）構(gòu)成，以使其中的代碼和文本在瀏覽器中打開(kāi)時(shí)能夠正確顯示。因此，將 HTM / HTML 文件轉(zhuǎn)換為另一種格式可能會(huì)丟失頁(yè)面上的所有功能。
如果你想要做的是將一個(gè) HTM / HTML 文件轉(zhuǎn)換為方便離線查看的文件，這時(shí)圖片或 PDF 格式會(huì)方便很多。
在 Chrome 中，鼠標(biāo)右鍵單擊網(wǎng)頁(yè)，出現(xiàn)的選項(xiàng)菜單中進(jìn)入 “打印(P)...”(快捷鍵：CTRL + P) ，在打印選項(xiàng)中選擇另存為 PDF，以將窗口中的頁(yè)面轉(zhuǎn)換為 PDF 文件。Chrome 瀏覽器的擴(kuò)展功能也稱為“全屏截屏”，可將 Chrome 瀏覽器中所有打開(kāi)的 HTM / HTML 文件轉(zhuǎn)換為 PNG 文件。
其他瀏覽器具有類似的功能，例如 Firefox 的 “另存為 PDF” 加載項(xiàng)。
您也可以使用專門(mén)用于 HTM / HTML 進(jìn)行圖像文件轉(zhuǎn)換的網(wǎng)站，例如iWeb2Shot 或Web-capture 。
一個(gè)免費(fèi)的文件轉(zhuǎn)換器可以用來(lái)轉(zhuǎn)換并保存 HTM / HTML 文件到您的計(jì)算機(jī)。如 FileZigZag 是一個(gè)免費(fèi)的文檔轉(zhuǎn)換器網(wǎng)站，可將 HTM 轉(zhuǎn)換為RTF，EPS，CSV，PDF 和許多其他格式。
HTM / HTML 文件不能轉(zhuǎn)換為文本文件格式以外的任何格式。例如，HTML 文件永遠(yuǎn)不能轉(zhuǎn)換為 MP3 音頻文件。
HTML / HTM 文件應(yīng)該很容易打開(kāi)，因?yàn)樗鼈冎皇侨魏?Web 瀏覽器都可以查看的文本文件。如果您的文件沒(méi)有從上面建議的任何程序打開(kāi)，則很有可能正在打開(kāi)的這個(gè)文件并非超文本標(biāo)記語(yǔ)言文件。
某些文件格式使用的文件擴(kuò)展名與 HTML / HTM 非常相似，但實(shí)際上并非相同。一個(gè)主要的示例是用于壓縮 HTML 電子書(shū)文件的 HTMLZ 文件擴(kuò)展名。有 HTML 文件在內(nèi)的 HTMLZ 文件，但整個(gè)包的格式為 ZIP，不會(huì)在 Web 瀏覽器或文本編輯器打開(kāi)。
在此示例中，您需要特定的 HTMLZ 文件查看器，例如Caliber 。或者，由于此文件格式實(shí)際上是存檔，因此您可以使用 7-Zip 之類的文件解壓縮器將其打開(kāi)，然后您可以使用網(wǎng)絡(luò)瀏覽器或上述任何其他 HTML 查看器/編輯器打開(kāi)任何單獨(dú)的 HTML 文件。
TMLANGUAGE 是另一個(gè)可能與 HTML / HTM 文件混淆的文件擴(kuò)展名。這些實(shí)際上是TextMate 用于 macOS 的 TextMate 語(yǔ)言語(yǔ)法文件。
以上就是編程獅W3Cschool為你整理的關(guān)于《什么是HTM或HTML文件？如何打開(kāi)、編輯和轉(zhuǎn)換HTM和HTML文件？》的全部?jī)?nèi)容，現(xiàn)希望可以幫到你~
何打開(kāi)HTML文件？一文教你多種方法！HTML文件是網(wǎng)頁(yè)開(kāi)發(fā)的基礎(chǔ)，它可以包含文本、圖像、音頻、視頻等多種多媒體元素。那么，我們?cè)撊绾未蜷_(kāi)這樣的文件呢？下面來(lái)介紹幾種常見(jiàn)的方法。第一種方法是使用瀏覽器打開(kāi)。這是最常見(jiàn)的方式，只需要幾個(gè)簡(jiǎn)單的步驟就能完成。首先，我們可以使用Chrome瀏覽器。打開(kāi)Chrome瀏覽器，然后在地址欄中輸入HTML文件的URL，或者直接將HTML文件拖拽到瀏覽器窗口中，HTML文件就會(huì)在瀏覽器中打開(kāi)了。同樣的，使用Firefox瀏覽器和Safari瀏覽器也是類似的操作，只需要在地址欄中輸入U(xiǎn)RL或者拖拽HTML文件到瀏覽器窗口中即可。第二種方法是使用編輯器打開(kāi)。如果你習(xí)慣使用Sublime Text或者Atom這樣的編輯器，也可以通過(guò)它們來(lái)打開(kāi)HTML文件。
只需要在菜單欄中選擇“文件”->“打開(kāi)”，然后在彈出的文件瀏覽器窗口中找到你的HTML文件，點(diǎn)擊打開(kāi)即可。第三種方法是使用命令行工具打開(kāi)。如果你熟悉命令行操作，可以使用命令行工具來(lái)打開(kāi)HTML文件。在Windows系統(tǒng)中，打開(kāi)命令提示符，使用cd命令切換到HTML文件所在的目錄，然后在命令提示符中輸入"type filename.html"（其中filename.html是你的HTML文件名），HTML文件的內(nèi)容將會(huì)在命令提示符中顯示。在macOS系統(tǒng)中，打開(kāi)終端，使用cd命令切換到HTML文件所在的目錄，然后在終端中輸入"cat filename.html"（其中filename.html是你的HTML文件名），HTML文件的內(nèi)容將會(huì)在終端中顯示。通過(guò)以上幾種方式，你可以輕松地打開(kāi)HTML文件。
無(wú)論是使用瀏覽器、編輯器還是命令行工具，都能夠幫助你查看和編輯HTML文件，更好地進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)工作。參考資料：- [How to Open HTML Files](https://www.wikihow.com/Open-HTML-Files)- [How to Open HTML Files](https://www.techwalla.com/articles/how-to-open-html-files)
lex 發(fā)自 凹非寺
量子位 | 公眾號(hào) QbitAI
HTML不是編程語(yǔ)言，但這并不妨礙前端工程師把它玩出花兒來(lái)。
比如，有人就拿HTML來(lái)訪問(wèn)用戶的相機(jī)——
在網(wǎng)頁(yè)上，點(diǎn)擊按鈕即可直接打開(kāi)手機(jī)前置鏡頭來(lái)拍照。
（沒(méi)錯(cuò)，就是前置鏡頭！小哥可能有鏡子之類的）
也可以調(diào)用手機(jī)的后置鏡頭，開(kāi)啟攝像模式。
值得注意的是，在這里，小哥只用了HTML語(yǔ)言就實(shí)現(xiàn)了上述功能。
他利用HTML的capture屬性，只需設(shè)置幾個(gè)input參數(shù)，再加上幾行代碼搞定了。
比起別的實(shí)現(xiàn)方式，這樣可以更便捷地獲取用戶相機(jī)權(quán)限；而且沒(méi)什么安全問(wèn)題。
不出所料，一大波程序員紛紛前來(lái)圍觀。有人表示：
用HTML capture屬性直接訪問(wèn)相機(jī)，確實(shí)比用JavaScript更方便。
這位小哥的網(wǎng)名叫Austin Gil，他是一位從事網(wǎng)頁(yè)開(kāi)發(fā)的工程師。
下面就跟隨小哥分享的內(nèi)容，一起來(lái)看看具體實(shí)現(xiàn)步驟吧。
首先當(dāng)然是寫(xiě)代環(huán)節(jié)。
小哥創(chuàng)建了一個(gè)index.html文檔，配合HTML的accpet屬性，來(lái)指定不同標(biāo)簽所要capture的文件的具體屬性。
在這里，他設(shè)置了“environment”和“user”兩個(gè)標(biāo)簽。
當(dāng)用戶點(diǎn)擊environment時(shí)，可以調(diào)用設(shè)備的后置鏡頭，并擁有錄像功能；而當(dāng)用戶點(diǎn)擊user時(shí)，就能打開(kāi)設(shè)備前置鏡頭來(lái)拍照了。
具體代碼如下：
到這里，眼尖的人可能已經(jīng)發(fā)現(xiàn)：沒(méi)有提示用戶是否打開(kāi)訪問(wèn)相機(jī)的權(quán)限，網(wǎng)頁(yè)就直接調(diào)用了相機(jī)。
那這樣操作，有沒(méi)有安全風(fēng)險(xiǎn)啊？
對(duì)此，小哥給出答案：無(wú)額外風(fēng)險(xiǎn)。
因?yàn)闉g覽器其實(shí)并不能真正控制用戶相機(jī)（雖然看起來(lái)好像可以直接訪問(wèn)），而不過(guò)是能輕松上傳相機(jī)生成的新文件罷了。
說(shuō)人話——對(duì)用戶而言，瀏覽器通過(guò)HTML只能打開(kāi)攝像頭；如果需要把照片或者視屏展示到網(wǎng)站，或者保存下來(lái)，仍然需要用到JavaScript的MediaDevices API。
有網(wǎng)友補(bǔ)充道，這種操作方式比純用JavaScript更安全。
因?yàn)檫\(yùn)用JS的話，在用戶允許訪問(wèn)相機(jī)后，瀏覽器就能直接控制攝像頭。
而在Web 3.0標(biāo)準(zhǔn)之后（現(xiàn)在主要用的是Web 5標(biāo)準(zhǔn)），規(guī)定網(wǎng)頁(yè)不能直接訪問(wèn)用戶的鏡頭。
不過(guò)，小哥也指出：這種直接通過(guò)HTML指令打開(kāi)用戶用戶攝像頭的方式還存在目前不足，比如兼容性不太好。
△圖源caniuse.com：紅色框表示不支持；綠色框表示支持；棕色框表示部分支持；灰色框表示未知
量子位親測(cè)了一下小哥的這段代碼，結(jié)果顯示：
點(diǎn)擊environment和user按鈕，在MacBook上分別可以打開(kāi)視頻格式和圖片格式的文件；
而在iPhone上，使用百度等瀏覽器，真的可以直接打開(kāi)前置和后置攝像頭。
感興趣的伙伴們可以用下面鏈接中的代碼試試~
傳送門(mén)：
https://austingil.com/html-capture-attribute/
參考鏈接
[1]https://www.youtube.com/watch?v=DSTXUEHZRiU&t=1s
[2]https://news.ycombinator.com/item?id=32738501
— 完 —
量子位 QbitAI · 頭條號(hào)簽約
關(guān)注我們，第一時(shí)間獲知前沿科技動(dòng)態(tài)
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
