Yahoo_html/css_WEB-ITnose から広まった典型的な面接の質問

そのような HTML があります。欠点を見つけてください:

1. 私が書いたのは HTML ではありません、それは孤独です。
   、まだ誰も完全に答えていません。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 回答パート＝＝＝＝＝＝＝＝＝＝＝＝＝

この質問の動機は、あまりにも多くの人が HTML は単純すぎると考えているからですが、これはまさにフロントエンド開発の最も基本的かつ重要な部分です。 HTML 構造の設計が合理的であるかどうかは、コードの保守が容易で柔軟性があるかどうかに直接影響し、Web ページのパフォーマンスとコラボレーションの効率にも関係します。フロントエンド開発は単なる JavaScript 開発であると考えている人にたくさん出会ってきましたが、それは完全に間違いです。フロントエンド開発の 3 つの基本的な柱である JavaScript、HTML、CSS は本質的にはまったく異なりますが、それらを正しく理解し、適切に適用できるかどうかが、プロフェッショナルとそうでない人の違いとなります。バックエンド エンジニアの中には、美しい JS を作成できる人もいますが、実際には、js、html、css を適切な方法で組み合わせる方法を知りません。 HTML を正確に理解することは、一般的なプログラミング言語を学ぶようなものではなく、豊富な実践経験と理解に基づいています。フロントエンド エンジニアの基本的なスキルです。

これは深刻な質問や見栄を張った質問ではなく、基本的なスキルをテストする真剣な「卵の絵」の問題です。コードは人間のようなもので、コード行を理解するだけでフロントエンド開発のリテラシーを反映するのに十分です。

仕事に戻ります。この質問のテスト ポイント:

テスト ポイント 1: html と xhtml の違い
このコード行は、html 4.01 strict では完全に正しいですが、xhtml 1.0 strict では多くのエラーが発生します。したがって、それは明らかにテストポイントです。 xhtml では、すべてのタグが閉じられており、p と br は閉じる必要があり、タグは大文字にすることができず、P は小文字にする必要があります。同時に、nbsp と br をコンテナーに含める必要があります。これらはどれも html では間違っていません。 p は HTML のオプションの終了タグであり、閉じる必要はありません。

このテスト サイトは、xhtml がいかに厳しいかを教えてくれます。正解すれば60点を獲得できるテストの基本点です。

テストポイント2: テストスタイルの分離
インデントを制御するためにnbspを使用するのは不合理です。これは CSS を使用して行う必要があります。したがって、nbsp は削除する必要があります

テスト ポイント 3: タグの合理的な使用
br は必須の改行タグであり、p は段落です。元の質問では、連続 br を使用して 2 つの段落の効果を作成しましたが、その効果は達成されましたが、明らかに不合理に使用されており、後で段落の間隔を制御できなくなりました。正しい方法は、2 つの p を使用して 2 つの段落を表すことです。 「私は言った」の後に通常のテキストが続き、br を使用するのが合理的です。

上記すべてに正解すると、100ポイントを獲得できます。

元の質問の改善の結果:
html 4.01:

私が書いたのは HTML ではなく、孤独です。

私は言いました:
私に執着しないでください、彼はただの伝説です

コードをコピー
2. xhtml 1.0:

私が書いているのはHTMLではありません、それは孤独です。

前述の内容に基づいて、セマンティック タグを合理的に使用し、必要に応じてコンテンツにマークを付けることが追加のポイントです。しかし、ラベルを過度に使用するのは不必要です。たとえば、「私は言う」は q タグでマークできます。

私が書いているのはHTMLではなく孤独です。

私は言いました:
私に執着しないでください、彼はただの伝説です

コードをコピーしてください

これで十分だと思います、さらに進むと、「I」には cite のマークが付けられ、「HTML」には abbr または頭字語のマークが付けられます (abbr と頭字語の違いについて議論するのは深刻すぎるためです)。これも問題ありません。これ以上複雑にする必要はありません。

2. 私が書いたのは HTML ではなく、孤独でした。

3. 私は言いました:
   彼はただの伝説です

コードをコピーします