javascriptで使用するために準備された美しいHTMLを作成する方法についてのガイドはありますか?

これは奇妙な質問のように思えるかもしれませんが、私はJavaScriptがHTMLをどのようにコード化しているかに応じて、簡単または難しいと感じています。成功するパターンとHTMLコーディングのガイドラインについて詳しく解説された本やウェブサイトがあるので、jQuery、CSS、そして複雑なajaxアプリケーションでうまく動作しますか?生きるための堅実な規則のように。

もう一度、奇妙な質問のように思えるかもしれませんが、私はそれを尋ねる良い方法を知らない。隠された入力要素をデータ属性に切り替えたり、より多くのIDを入れたり、IDを取り除いたりするなど、新しいものが登場するたびに常にマークアップを変更する必要があることがわかりました。私は正しい方法で到達すると思いますしかし、私は誰かがこれを分析するのに気をつけて、結果として得られるHTMLが最初に正しいようにいくつかの素晴らしいガイドライン、標準、パターンを思いついたのか不思議です。

ありがとう

3
追加された 著者 Robert Harvey,
HTML(とクラス名)を意味しますか?
追加された 著者 outis,

4 答え

あなたが作業するのが簡単ないくつかのクリーンなHTMLをコーディングしたい場合は、あなたのコードが正式なDTDであるHTML4(ここ)またはXHTML(ここ)。

次に、適切な方法で( id はユニークなセクションのみ、 class は繰り返し可能なものとして) id class を使用し、コンテキストに応じて正しく名前を付けて、簡単に到達できるようにします。

1
追加された
タニコラスのidsと属性に関するクラスに関する記述が、あなたがそれについて考えるならあなたの質問に答えてくれると思います。セマンティクに属しているページの部分のdivラッパーを作成し、適切に名前を付けてみるとよいでしょう。あなたのスタイルシートやjavascriptが使用されていないdivが多すぎることは間違いありません。逆に、div/id/classesを追加することにも問題はありません。 iterative developmentと呼ばれています;-)
追加された 著者 Amos M. Carpenter,
また、HTML自体は、美しくエレガントになるように努力してはならないと言います。それは、意味的に記述的で、きれいで正しいものでなければなりません。これはCSSであり、ある程度は HTMLを美しくエレガントにするJavaScriptになります。 (そして、私はあなたがおそらくそれを得るようになる、egervari、ちょうどそれを明確に指摘したい)。
追加された 著者 Amos M. Carpenter,
ごめんなさい。私ははっきりとは思わなかった。はい、有効なマークアップの作成に問題はありません。私はhtmlをする方法を学んでいない - 私はより美しく優雅にそれを行う方法についてより多くの質問です。それはコードの審美的な質問の多くですが、JavaScriptがあなたが書くHTMLを消費するので、機能的な質問もあります。私は、データ属性やIDがないhtmlが難しくなることに同意すると確信しています。私が尋ねるのは、これは、デフォルトのコーディングスタイルで、経験豊かな開発者が使用して、問題を防ぐことができ、JavaScriptを適用するときの問題ですか?
追加された 著者 egervari,
まあ、私はhtmlが美しいとは思わないが、私はコードがエレガントで美しいと思う:P私はそれが単なるIDやクラスよりも複雑であることをする。たとえば、idを table に置くか、 div を作成してテーブルをカプセル化しますか? data - 属性を使用していますか?そうであれば、デフォルトでどこに配置するのが最適ですか? data - 属性が優れていると、隠れたフォーム入力を使用しているようなアンチパターンがありますか?驚くべきことに、実際にマークアップを構築するときに、この質問に対する答えは簡単ではないと思う選択肢がたくさんあります。
追加された 著者 egervari,

私の経験から、大規模なプロジェクトやプロフェッショナルなJavaScriptコーディングでは、JavaScriptコードが実際に使用されているHTMLから切り離されることが実際に目標になることを実際に示唆しています。

既に述べたように、整形式のHTML(DTD準拠)を使用している限り、jQueryのようなライブラリでは問題なく操作できます。しかし、ベストプラクティスとして、依存関係をHTML構造やJavaScriptコードの他の部分だけに基づいて分離してカプセル化することをお勧めします。

1
追加された

最善の方法は、一緒にhtmlとjavascriptを開発することです。そうすれば、必要なものに文書構造を調整することができます。

0
追加された
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript