正直に言うと、「div+css」という言葉は多くの人を傷つけてきました。提案者の本来の意図は間違っていないかもしれませんが、フォロワーはその意味を誤解し、ページ全体を div+ にするべきだと考えました。 cssファイルの組み合わせです。これを行うと、以前に設計されたページ レンダリングが復元されるため、視覚的な影響はありませんが、この HTML ドキュメントが分析のためにマシン (スパイダーなど) に渡されると、重要なポイントをまったく見つけることができない可能性があります。たとえば、それはシロアリの巣のようなもので、最初に行う必要があるのは、同じものを削除してからコンテンツをフィルタリングすることです。
検索エンジンの発達により、インターネット業界に「SEO」という職業が誕生しました。そのため、ほとんどすべての「SEO」は、タイトルを作成することに加えて、キーワードの調査にその「技術的核」を置きます。 、キーワード、説明、そして文書全体には、検索エンジンが興味を持ちそうなキーワードがたくさんあります。画像の alt 属性やテキストコンテナの title 属性さえも「キーワード」です このような一見完璧な「seo技術」は、次の2つの重要なポイントを無視していることがよくあります: 1. htmlタグの定義。 2. ページを合理化します。前者は検索エンジンがページ全体の「意味」を「理解」できるようになり、後者はアクセス速度が向上しサーバー負荷が軽減されます。残念なことに、「SEO」担当者は HTML と読み込みを理解していないことが多く、コードを書く人は「SEO テクノロジー」を理解していないことが多く、これがキャリアの大きなボトルネックとなり、すぐに成功したいという心理を引き起こす可能性があります。この 2 つの職業は、手っ取り早く利益を得るために作られています。互いに学ぶことはなく、それぞれが独自のことを行っています。私の開発経験では、
と を除いて、残りはすべてHTML タグには 50 種類以上あります。詳細については、第 4 章を参照してください。一般的に使用される HTML タグ (form タグを除く) には、主に次のようなものがあります:
div、ul、ol、li、dl、dt、dd、p。 、span、h1-h6、label、em、strong、img、a、u、b、i、s...
それらの定義を述べてからグループに分ける必要があると思います。私よりも科学的ですが、私ほど理解するのは簡単ではありません:
div: 分割 (分離、分割、区別、割り当て、分割線)、タグはドキュメントを独立した異なる部分に分割できます。ブロックレベル要素の代表として、決まった形式がないため、現在最も悪用されています。
ul:unordered list (順序なしリスト) は li 要素と結合してグループを形成します。
ol:owned list (順序付きリスト) は li 要素と結合してグループを形成します。
li: リスト項目 (リスト項目) は親の ul または ol コンテナー内にある必要があります。これは自分で追加する必要があります。 w3c は次のように述べています:
この要素が使用できるコンテキスト: 要素内。リスト (定義リスト) は、dt (定義用語によって定義される項目) と dd (定義記述によって定義される説明) を含むグループに結合されます。
p:paragraph (段落) は、記事の段落を格納するために使用されます。
span: スパン (範囲) タグは、ドキュメント内のセクションのコンテンツを結合するために使用されます。インライン要素としては、固定フォーマットがないため、現在悪用されることが増えています。
h6: head (タイトル 1 からタイトル 6)。ここでの head は、
タグとは異なる意味を表しており、検索エンジンは、ページ内に h タグがあることを検出すると、その中のコンテンツがより重要であるとみなし、重要度は 1 から 6 まで徐々に低下することに注意してください。
label:label (フォーム コントロールのラベル)、その名前は label と呼ばれますが、ここでは、w3c によって与えられた定義は、フォームの説明として使用されることです。たとえば、これを の前後に追加します。入力ラベル。
em: 強調 (強調、強調)、含まれるテキストを強調します。デフォルトのスタイルは斜体です。表示効果は タグに似ていますが、検索エンジンは w3c によって与えられた定義を尊重し、表示効果を無視する傾向があるため、これらが同じであるとは考えられません。
strong:strong (強調、強調)、含まれるテキストを強調します。デフォルトのスタイルは太字です。 emよりも強調効果が少し強いです。 タグにも太字の表示効果がありますが、同じ理由で検索エンジンはこれらを同じものとはみなしません。
img:image (picture, image);
a:anchor (アンカー) はハイパーリンクに基本的なチェーンを作成します。
u: アンダーライン (テキストの下線)、まもなく廃止されます。
s/strike: 取り消し線、テキスト全体に線を引きます。
表示スタイルに従って:
ブロックレベル要素またはブロック要素 (デフォルトのスタイルはブロック) タグは次のとおりです:
div,ul,ol,li,p,dl,dt,dd, h1-h6..
デフォルトでは、それらは独自の行を占有します。スタイルで変更しない限り。
インライン要素(デフォルトのスタイルはインラインですが、「インライン要素」と呼んだほうがわかりやすいと思います)のラベルは次のとおりです:
span,label,em,strong,img,a,u,b,i, s...
デフォルトでは、display:block などの特定のスタイルを追加すると、他の要素と 1 行に共存します。ただし、ここで事前に言及しておく必要があるのは、すべての display:block が 1 行を占有する必要はないということです。幅があり、float を押し込みとして使用すると、他の要素とともに 1 行に押し込まれます。
組み合わせによる分割:
固定グループ:
ul--li
ol--li
dl--dt--dd
分散した個人:
その他...
準備が必要 いくつかの説明:
1. インライン要素自体は「フレーム化」されていません。つまり、そのサイズはブロックレベルの要素になる前に、幅と高さの制御が役に立ちません。ブロックレベル要素になる方法: 1. display:block (行全体を直接占有します) 2. float は行全体を占有しませんが、幅または高さを制御できます。
2. 含めたりネストしたりできない一部の要素 (w3c からコピー):
a: 他の a タグを含めることはできません。
他の a 要素を含めることはできません。
pre: (事前にフォーマットされた定義済みフォーマット (テキスト)) には、img、object、big、small、sub、または sup 要素を含めることはできません
img、object、big、small 、 sub 要素、または sup 要素。
button ボタンには、input、select、textarea、label、button、form、fieldset、iframe または isindex 要素を含めることはできません。
input、select、textarea、label、button、form を含めることはできませんfieldset、iframe、または isindex 要素。
label には他の label 要素を含めることはできません。
form には他の form 要素を含めることはできません。