1

正直なところ、私の HTML は非常に扱いにくいことがわかりました。小さくてシンプルなページは問題ありません。しかし、インデントと私が持っている種類のタグの間で、行を短く保つことが不可能な場合があります。クリーンで保守可能な HTML の W3C (または「公式」または広く受け入れられている) の書式設定ガイドはありますか? そうでない場合、コミュニティはどのような提案を提供できますか?

4

5 に答える 5

2

私は通常、すべての「ブロック」タイプの要素を新しい行に配置し、毎回インデントします。コードの量が少ない場合でも、要素が変更されている場所に役立ちます。私が同じ行に保持している唯一の項目は、太字とイタリックのタグと、コードの小さなチャンクをフォーマットするときの時折の div と span タグです。そのため、次のように表示されます。

<p>
   This is my <b>fancy</b> code block of text here. This will
   typically wrap forever and <div class="SarcasticStyle">EVER</div> until
   I run out of things to say.
   <br/>
   Yeah, I think that's it.
</p>
于 2008-10-09T19:04:01.323 に答える
2

私のアドバイスは、それについてさえ心配しないことです。HTML と XML は、ほとんどの言語とは異なり、プログラマーが望むスタイルに再インデントするのはほとんど簡単です。HTML では、幅 2 のタブを使用しており、定期的にエディター ウィンドウの端からはみ出すセクションがあります。ドキュメントのセクションのインデントをスキップしない限り、これを回避する方法はありません。

于 2008-10-09T19:02:00.687 に答える
1

私は以前、HTML の空白について非常に厳密でした (インデントの各レベルに 2 つのスペース、タブなし、間にスペースを入れたグループ セクションなど)。しかし、サーバー側のプログラミングに取り掛かると、書式設定を適切に保つのがますます難しくなっていることがわかりました。Dreamweaver はこれで有名です。タブ文字を使用してアプリを取得できないようです。これにより、他のテキスト エディターでソースが異なって表示されます。

私はあまり心配するのをやめて、現在取り組んでいるマークアップの一部を改善しようとしています。プログラミング言語では、インデントは HTML よりもはるかに大きな問題のようです。

于 2008-10-09T19:29:57.370 に答える
1

私はあなたが選んだ答えに反対しなければなりません。あなたのhtmlがどのように見えるかについて心配する必要があります。派手なアイデアがたくさん出回っているにもかかわらず、開発者は html に対してそれほど注意を払っていないようです。結果としてブラウザに出力される html は、Web サイトのアクセシビリティと検索エンジンの最適化の両方に大きな影響を与えます。<label>ウェブサイトを構築している人のうち、タグの機能を知っている人はどれほどいるでしょうか? これは、スクリーン リーダーを介して Web を「表示」する視覚障害者にとって非常に重要なフォーム要素にラベルを結び付けます。

HTML が非常に深くネストされており、インデント レベルが約 10 を超えている場合は、プログラム コードがそのようになった場合と同様に、デザインのリファクタリングを検討する必要があります。

本当の質問に戻ると、1 つのルールを覚えていれば、HTML の見栄えを良くするのは簡単です。タグを複数行に分割します。<a>たとえば、タグを取ります。bit.lyのような短縮サービスを使用する以外に、URL 自体について多くのことを行うことができないのは事実ですが、次のようにタグを複数の行に分割します。

<a href="https://rads.stackoverflow.com/amzn/click/com/1430209879" rel="nofollow noreferrer"More Joel on Software: Further Thoughts on Diverse and
          Occasionally Related Matters That Will Prove of Interest to
          Software Developers, Designers, and ... Luck, Work with Them
          in Some Capacity (Pro) (Paperback)">Another Joel on Software book</a>

また、html フォーマットを自動的に行うメソッドを調べることもできます。tidy uiやhtmltrimなどのスタンドアロン アプリケーションでこれを行うことができます。また、アプリケーションに統合できるhtmltidyライブラリを入手することもできます。

于 2008-10-10T05:01:26.127 に答える
0

適切にインデントするだけで、行の長さは気にしません。

テンプレート システムを使用している場合は、ビューにコンテンツがないため、行には変数とタグのみが含まれます。

基本的に、できるだけ HTML を使用しないようにすれば、それほど問題にはなりません。

于 2008-10-09T19:03:13.320 に答える