整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          什么是HTM或HTML文件?如何打開(kāi)HTM和HTML文件?

          么是HTML / HTM文件?他們相差一個(gè)字母有什么區(qū)別嗎,如何查看或編輯源代碼以及如何轉(zhuǎn)換成其他格式,例如DOCX,PDF,JPG 等,針對(duì)這些問(wèn)題編程獅W3Cschool整理以下資料希望能對(duì)你有所幫助:

          什么是HTM或HTML文件?

          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的區(qū)別

          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.htmindex.html 是兩個(gè)不同的文件,對(duì)應(yīng)著不同的地址。值得一提的是 UNIX 系統(tǒng)中對(duì)大小寫(xiě)敏感,不吻合的話就可能報(bào)沒(méi)有文件或者找不到文件。

          如何打開(kāi)HTM或HTML文件?

          任何 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)了)。

          如何轉(zhuǎn)換HTML和HTM文件?

          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 音頻文件。

          文件打不開(kāi)?

          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)步驟吧。

          如何用HTML打開(kāi)相機(jī)?

          首先當(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)


          主站蜘蛛池模板: 国产激情一区二区三区成人91 | 久久久国产精品亚洲一区 | 色综合久久一区二区三区| 成人免费一区二区三区在线观看| 国产一区二区三区不卡在线看| 国产精品久久久久久麻豆一区| 在线精品亚洲一区二区小说| 日韩熟女精品一区二区三区| 无码喷水一区二区浪潮AV| 精品熟人妻一区二区三区四区不卡| 肥臀熟女一区二区三区| 国产精品污WWW一区二区三区| 国产AV一区二区精品凹凸| 怡红院一区二区在线观看| 最新欧美精品一区二区三区| 激情亚洲一区国产精品| 精品人妻系列无码一区二区三区 | 97精品一区二区视频在线观看| 国产亚洲福利精品一区| 国精产品一区一区三区| 波多野结衣AV无码久久一区| 国产在线无码视频一区二区三区| 成人无码AV一区二区| 久久久久久一区国产精品| 亚洲一区视频在线播放| 日本大香伊一区二区三区| 国产内射999视频一区| 亚洲av无码一区二区三区网站| 国产乱码精品一区二区三区中文| 久久se精品一区二区国产| 久久久老熟女一区二区三区| 亚洲午夜一区二区电影院| 中文字幕av日韩精品一区二区 | 亚洲av无一区二区三区| 亚洲一区二区三区国产精华液| 国产一区二区三区播放心情潘金莲 | 色综合视频一区二区三区44| 日韩美一区二区三区| 亚洲高清成人一区二区三区| 又硬又粗又大一区二区三区视频| 久久精品一区二区三区日韩|