最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

來說說比較一個那位的方法是最高效的:當頁面因html標簽錯誤(少/多/錯匹配)而錯亂時_html/css_WEB-ITnose

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 16:31:46
文檔

來說說比較一個那位的方法是最高效的:當頁面因html標簽錯誤(少/多/錯匹配)而錯亂時_html/css_WEB-ITnose

來說說比較一個那位的方法是最高效的:當頁面因html標簽錯誤(少/多/錯匹配)而錯亂時_html/css_WEB-ITnose:HTML 布局 標簽 錯亂 不說簡單的頁面. 起碼頁面上幾k行. 全部布局幾乎全部使用了最復雜的:浮動,絕對定位,相對定位,div....;多列,多行,錯行 錯誤情況比較復雜,多處錯亂; 那么你會怎么解決步驟怎么樣,用到什么工具 解決最亂的是什么情況,速度如何
推薦度:
導讀來說說比較一個那位的方法是最高效的:當頁面因html標簽錯誤(少/多/錯匹配)而錯亂時_html/css_WEB-ITnose:HTML 布局 標簽 錯亂 不說簡單的頁面. 起碼頁面上幾k行. 全部布局幾乎全部使用了最復雜的:浮動,絕對定位,相對定位,div....;多列,多行,錯行 錯誤情況比較復雜,多處錯亂; 那么你會怎么解決步驟怎么樣,用到什么工具 解決最亂的是什么情況,速度如何

HTML 布局 標簽 錯亂

不說簡單的頁面.
起碼頁面上幾k行.
全部布局幾乎全部使用了最復雜的:浮動,絕對定位,相對定位,div....;多列,多行,錯行
錯誤情況比較復雜,多處錯亂;


那么你會怎么解決?步驟怎么樣,用到什么工具?
解決最亂的是什么情況,速度如何?
你覺得這種情況你最想說點什么?


回復討論(解決方案)

面試題?

重寫最簡單直接

這個怎么沒有人關(guān)注呢?
在某個php群中討論時,曾經(jīng)有人跟我說,此類問題,最長10分鐘,否則此人應該下崗;
可是我不相信,問過他是否清楚解決步驟.

我曾經(jīng)試過dw,ie,ch,firefox,phpstorm;
phpstorm在這塊的處理還是不錯的,能明了的了解到多余的標簽,且可以折疊.
但是同樣,有些人為認為是錯誤,它還是不會提示.
firefox的查看源代碼中也能與紅色高亮的顯示無效的標簽,但是像

之類問題一樣認為正常.
目前我還沒有發(fā)現(xiàn)有快速的解決方案.問過一個前臺同事,他的處理是折疊查看丟失的標簽.+扣工資;

此類問題極易出現(xiàn),尤其是多人多崗位合作一個頁面的情況下,再加上部分不了解標簽代碼的人;再加上布局是浮動性的,此問題尤其突出,且解決難度會很大.
但是對于布局簡單的頁面,此類錯誤影響非常小,可以從qq.com這類首頁即可看出存在很錯誤標簽,但并不影響瀏覽器排版,瀏覽器會盡最大的兼容性來解析不規(guī)范標簽..

如果有工具能快速提示錯誤問題,這類問題解決效率會高很多.

我記得firefox有個插件專門校驗標簽的匹配,比查看源代碼略為高級。

我首先會用一些格式化工具將HTML文檔進行格式化,
為的是以最佳的縮進效果顯示。

如果有錯誤,工具有時候會提示,
但有時候有錯誤卻不會提示,這時候可以看看縮進是否整齊來查找錯誤。

還有就是把頁面的DOCTYPE設(shè)置為xhtml嚴格模式,
這樣如果有錯誤的話,驗證工具會盡可能多地給出錯誤提示。

最后,如果工具仍不能找出錯誤,只有自己逐行并縱觀全局排除。

回5樓:如果是解析后的對于此問題并沒有太大幫助;
回6樓:折疊+全局縱觀是一個非常耗時的,且經(jīng)我測試,firefox中并沒有提示某個div是多余的,但是dw中卻會提示是多余的.但是從查看源代碼來看,這并不會出現(xiàn)js補全的可能,另強制模式(我是這樣加, PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">)好像并沒有起到太多作用;

如我們的網(wǎng)站首頁非常大.1600行,


如果按照dw中的提示,那塊出現(xiàn)問題,查找就有點郁悶了.目前我并沒有實際的去折疊查找這個dw中的提示,是不是真實的存在,沒有但是firefox中卻沒有提示.所以,我目前不能確定dw是正確的firefox是錯誤的.
前臺也不是我在負責,
出現(xiàn)這樣的問題,比較麻煩.
那位還有更加好的方式?

最常用的工具就是tidy

kdkkdkdkk

kkkkk



使用tidy處理后
C:\Users\Administrator\Desktop>tidy s.htmline 1 column 1 - Warning: missing declarationline 8 column 1 - Warning: inserting implicit 

line 6 column 1 - Warning: missing line 2 column 1 - Warning: inserting missing 'title' elementline 5 column 1 - Warning: trimming empty

line 8 column 1 - Warning: trimming empty

Info: Document content looks like HTML56 warnings, 0 errors were found!

kdkkdkdkk

kkkkkAbout this fork of Tidy: http://w3c.github.com/tidy-html5/Bug reports and comments: https://github.com/w3c/tidy-html5/issues/Or send questions and comments to html-tidy@w3.orgLatest HTML specification: http://dev.w3.org/html5/spec-author-view/HTML language reference: http://dev.w3.org/html5/markup/Validate your HTML5 documents: http://validator.w3.org/nu/Lobby your company to join the W3C: http://www.w3.org/ConsortiumC:\Users\Administrator\Desktop>


所以這個東西,自動化處理并不能解決這個問題.

補充說:這個工具更多的用處是對于優(yōu)化方面,而非處理這個問題.否則如果只是簡單的刪除了,可能出現(xiàn)的問題更加嚴重.

拙見,感覺沒必要99%的遵守規(guī)定,規(guī)定是死的,只要界面效果到達了,代碼也相對簡潔了,不就行了,

你理解錯了,我問的是標簽出錯了,亂時,怎么盡快修正.
對于大的頁面,重寫不現(xiàn)象,功能得重新弄.
修正是比較好的方式,但是我現(xiàn)在能想到的修改步驟并不高效.
征一高效解決此問題方法而已.
跟html是否漂亮無關(guān).

tidy有多種用法的,也有很多工具借用了它
你只想到用它來修正這個并不是最好的用法

對于你給出的例子,tidy修正處理的結(jié)果并沒有錯的,但不是你所期望的,這就是個問題??電腦只會按某種固定的方式去思考問題,但人不是

所以你應該使用具有tidy插件的編輯工具,去 提醒你不合規(guī)范的地方,由你按自己的思想去修正(要實現(xiàn)自己的期望就自寫程序),而不是圖省事直接交給tidy修正

看來沒有省事的方法了?

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

來說說比較一個那位的方法是最高效的:當頁面因html標簽錯誤(少/多/錯匹配)而錯亂時_html/css_WEB-ITnose

來說說比較一個那位的方法是最高效的:當頁面因html標簽錯誤(少/多/錯匹配)而錯亂時_html/css_WEB-ITnose:HTML 布局 標簽 錯亂 不說簡單的頁面. 起碼頁面上幾k行. 全部布局幾乎全部使用了最復雜的:浮動,絕對定位,相對定位,div....;多列,多行,錯行 錯誤情況比較復雜,多處錯亂; 那么你會怎么解決步驟怎么樣,用到什么工具 解決最亂的是什么情況,速度如何
推薦度:
標簽: 方法 錯誤 頁面
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top