工具介紹
Html?。祝幔螅瑁澹颉∈且粋€(gè)在線版的網(wǎng)頁(yè)代碼整理工具,可以幫助我們把html代碼里的無(wú)效代碼、冗余代碼清楚干凈,僅保留下最基本的標(biāo)簽,只要一個(gè)按鍵就能快速完成,對(duì)于前端設(shè)計(jì)來(lái)說(shuō),如果想要規(guī)整html代碼不妨試試這款工具。
尤其對(duì)于一些較為復(fù)雜的頁(yè)面,可能經(jīng)過(guò)許多人無(wú)數(shù)次編輯后已經(jīng)有些四不像,這時(shí)候就必須將不必要的部份代碼刪除,只留下最基本的部分,而這些過(guò)程大部分都是手動(dòng)進(jìn)行,不但很耗費(fèi)時(shí)間心力,而且很可能因?yàn)樾薷腻e(cuò)誤而讓整個(gè)頁(yè)面錯(cuò)位等等。
只要一個(gè)按鍵就能快速完成?。龋簦恚欤祝幔螅瑁澹颉】芍苯訌?fù)制、貼上代碼來(lái)進(jìn)行清理,或是上傳 HTML 文件,完全不用額外下載軟件,非常好用。
HtmlWasher 會(huì)修復(fù)或刪除錯(cuò)誤、不正確格式的標(biāo)簽及屬性(例如圖片缺少 alt 屬性時(shí)加入),將標(biāo)簽轉(zhuǎn)為?。龋裕停蹋担ㄈ绻恰。兀龋裕停蹋С智謇淼臉?biāo)簽包括:
<a?。瑁颍澹妫荆。迹猓铮洌荆。迹猓颍?, <h1>,?。迹瑁玻?,?。迹瑁常?, <h4>, <h5>,?。迹瑁叮?, <head>, <hr>, <html>, <i>,?。迹椋恚纭。螅颍恪。鳎椋洌簦琛。瑁澹椋纾瑁簟。幔欤簦?,?。迹欤椋荆。迹铮欤荆。迹穑?, <ruby>,?。迹螅簦颍铮睿纾?, <table>, <tbody>, <td?。悖铮欤螅穑幔睢。颍铮鳎螅穑幔睿?,?。迹簦琛。悖铮欤螅穑幔睢。颍铮鳎螅穑幔睿?,?。迹簦椋簦欤澹荆。迹簦颍荆。迹酰欤尽 ?/span>
也可以將 取代為 ,重新格式化?。龋裕停蹋〒Q行符號(hào)或縮進(jìn)等等。
使用方法
方法非常的簡(jiǎn)單,打開 HtmlWasher 網(wǎng)站后,可以看到?。龋簦恚臁。悖欤澹幔睿酰稹。簦铮铮臁?,只要把網(wǎng)頁(yè)原始代碼直接復(fù)制、貼上然后點(diǎn)擊右下角的「Wash」即可進(jìn)行。
另一個(gè)方法是上傳要清理、格式化的網(wǎng)頁(yè)文件(Html 格式),點(diǎn)擊「Select?。帷。疲椋欤濉惯x取文件、上傳一樣可以通過(guò)這個(gè)免費(fèi)工具來(lái)快速進(jìn)行,大幅縮短節(jié)省時(shí)間。
一鍵快速清理?。龋裕停獭〈a,將無(wú)用或錯(cuò)誤屬性去除
直接復(fù)制貼上即可使用,也支持上傳?。龋裕停獭【W(wǎng)頁(yè)文件
自動(dòng)修正舊語(yǔ)法,可處理?yè)Q行符號(hào)或縮進(jìn)
有興趣的可以去試一試!
網(wǎng)站名稱:HtmlWasher
網(wǎng)站鏈接:https://www.htmlwasher.com/
我是無(wú)名漁夫(微信/QQ:181628402)軒鼎創(chuàng)業(yè)旗下講師,官方網(wǎng)站:http://m.procarseats.com/,感謝您一直以來(lái)對(duì)軒鼎創(chuàng)業(yè)的大力支持!更多干貨可訪問(wèn)創(chuàng)業(yè)課堂https://www.chuangyeketang.com