回复讨论(解决方案)

ホームページ

ウェブフロントエンド

htmlチュートリアル

一人の人物を比較する最も効率的な方法について話しましょう: HTML タグのエラー (少ない/多い/間違った一致) によりページが混乱している場合_html/css_WEB-ITnose

一人の人物を比較する最も効率的な方法について話しましょう: HTML タグのエラー (少ない/多い/間違った一致) によりページが混乱している場合_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:43 AM

HTML 布局标签错乱

不说简单的页面.
起码页面上几k行.
全部布局几乎全部使用了最复杂的:浮动,绝对定位,相对定位,div....;多列,多行,错行
错误情况比较复杂,多处错乱;

那么你会怎么解决?步骤怎么样,用到什么工具?
解决最乱的是什么情况,速度如何?
你觉得这种情况你最想说点什么?

回复讨论(解决方案)

面试题？

重写最简单直接

这个怎么没有人关注呢?
在某个php群中讨论时,曾经有人跟我说,此类问题,最长10分钟,否则此人应该下岗;
可是我不相信,问过他是否清楚解决步骤.

我曾经试过dw,ie,ch,firefox,phpstorm;
phpstorm在这块的处理还是不错的,能明了的了解到多余的标签,且可以折叠.
但是同样,有些人为认为是错误,它还是不会提示.
firefox的查看源代码中也能与红色高亮的显示无效的标签,但是像

无

之类问题一样认为正常.
目前我还没有发现有快速的解决方案.问过一个前台同事,他的处理是折叠查看丢失的标签.+扣工资;

此类问题极易出现,尤其是多人多岗位合作一个页面的情况下,再加上部分不了解标签代码的人;再加上布局是浮动性的,此问题尤其突出,且解决难度会很大.
但是对于布局简单的页面,此类错误影响非常小,可以从qq.com这类首页即可看出存在很错误标签,但并不影响浏览器排版,浏览器会尽最大的兼容性来解析不规范标签..

如果有工具能快速提示错误问题,这类问题解决效率会高很多.

我记得firefox有个插件专门校验标签的匹配，比查看源代码略为高级。

我首先会用一些格式化工具将HTML文档进行格式化，
为的是以最佳的缩进效果显示。

如果有错误，工具有时候会提示，
但有时候有错误却不会提示，这时候可以看看缩进是否整齐来查找错误。

还有就是把页面的DOCTYPE设置为xhtml严格模式，
这样如果有错误的话，验证工具会尽可能多地给出错误提示。

最后，如果工具仍不能找出错误，只有自己逐行并纵观全局排除。

回5楼:如果是解析后的对于此问题并没有太大帮助;
回6楼:折叠+全局纵观是一个非常耗时的,且经我测试,firefox中并没有提示某个div是多余的,但是dw中却会提示是多余的.但是从查看源代码来看,这并不会出现js补全的可能,另强制模式(我是这样加, PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">)好像并没有起到太多作用;

如我们的网站首页非常大.1600行,

如果按照dw中的提示,那块出现问题,查找就有点郁闷了.目前我并没有实际的去折叠查找这个dw中的提示,是不是真实的存在,没有

しかし、Firefox にはプロンプトがありません。そのため、dw が正しく、Firefox が間違っているのかどうかは現時点ではわかりません。
このような問題が発生すると、面倒です。より良い方法は?

最も一般的に使用されるツールは、tidy

<html><body><p>kdkkdkdkk<p><div>kkkkk</p></body></html>

ログイン後にコピー

を使用して処理した後、自動処理ではこの問題を解決できません

追加: このツールは最適化に役立ちます。それ以外の場合は、この問題に対処しないでください。

私の個人的な意見では、規制を 99% 遵守する必要はないと思います。インターフェイスの効果が達成される限り、コードは比較的単純になります

私が質問したのは、ラベルが間違っていて、できるだけ早く修正する方法です。

大きなページの場合、再書き込みは機能しないため、機能を再確立する必要があります。

修正する方が良い方法ですが、

この問題を解決するための Zhengyi の効率的な方法はありません。 HTMLが美しいかどうかとは関係ありません

Tidyには多くの用途があり、多くのツールがそれを借りています

あなたはそれを使いたいだけですこれを修正する最良の方法ではありません

あなたが挙げた例では、きちんとした補正処理の結果は間違っていませんが、それはあなたが期待していたものではありません。これは問題ですか?? コンピューターは問題を考えるために特定の決まった方法に従うだけですが、人間はそうではありません

きちんとしたプラグインを備えた編集ツールで、標準以外の領域を思い出させ、手間を省いて放置するのではなく、自分のアイデアに従って修正できるようにします (自分の期待を達成したい場合は独自のプログラムを作成します)。修正のために直接整理整頓する

手間を省く方法はないようです

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。