ホームページ > ウェブフロントエンド > htmlチュートリアル > 一般的なXHTMLタグ入門_HTML/Xhtml_Webページ制作

一般的なXHTMLタグ入門_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:44:15
オリジナル
1101 人が閲覧しました

しばらくの間、一般の初心者だけでなく、一部のプログラマーも XHTML の使い方を知らないことがわかりました。 ここで、アプリケーションでよくある問題のリストを作成します。 . まとめると、コミュニケーションや協力において全員が暗黙の理解を形成する方法とも考えられます。
XHTML には多数のタグがありますが、よく使用されるタグはほんのわずかであり、マスターする必要があるのはこれらのいくつかだけです。以下にそれらを 1 つずつ列挙してみましょう: div、p、span、ul、li、dl、dt、dd、a、img、h、strong、em
div 私の中では、いつもボトルか箱だと思っていますが、なかなか難しいと思います。この div には特別な意味はなく、さまざまな場所で使用できるため、さまざまなものを保持できます。正しい書き方は
を封印する必要があります。誰もがこれをレイアウト目的で使用しますが、記事を保存して段落を形成するためにも使用します。実際には、記事の段落として使用する特定のタグが当然存在するため、この方法はあまり優れていません。それが以下で説明する

タグですが、すべての段落をまとめてラップするには DIV を使用します。これは非常に実用的です。
p これは段落を示す特定のセマンティクスを持つタグであり、段落を区別するために使用されます。ほとんどのブラウザでは、基本的に P には上下のマージンがあります。ただし、行頭にインデントはありません。行頭のインデントは段落を表現するための単なる方法ですが、確実ではなく、必要ではないためです。したがって、P タグを使用するときは、必要に応じて P の行頭インデントを設定できます。P には特定のセマンティクスがあり、他の場所で使用すると適切ではない可能性があるため、記事の外では P を使用しないことをお勧めします。正しい書き方は

です。
span これも非常に一般的に使用されるタグです。このタグは、ブロック レベルの要素ではなくカスケード要素であることを除いて、div に非常に似ていると言えます。私はこれを箱のように独自の幅と高さを持つものではなく、内容物の量によってのみ決まるので、それは非常にバッグであると考えてきました。このタグは div を正確に補完します。
ul,li リストにはULの他にOLもありますが、OLはちょっと駄目だと思います。 CSS を通じて定義された UL には、OL の数値並べ替え効果もあるからです。したがって、UL を持っている限り、一般的には OL の使用はお勧めしません。 UL はブロックレベルであり、その子の li もブロックレベルのタグです。正しい書き方は
です。 LI タグは UL タグによってラップされます。UL タグ内には無数の LI タグが存在する可能性があり、LI タグを単独で使用することはできません。また、LI ラベルはシールする必要があります。これは見た目の問題だけでなく、後のメンテナンスにも非常に役立ちます。多くのプログラマは、この LI を封印することを好みません。 UL リストの目的は主に、同じ種類の 1 次元データをリストすることです。具体例としては、メニューで使用されているもの、記事内に記載されている一部の規定等が挙げられます。リストにはULとは異なる特別な形式があります。それが以下のDLです
dl,dt,dd これは 3 つのタグの非常に特殊な組み合わせです。ここでの DT はタイトルを指し、DD はコンテンツを指します。 DL はそれらをパッケージ化するコンテナです。正しい書き方は
です。DL には DT と DD のグループが多数存在する可能性があります。グループが多数ある場合は、1 つの DT を 1 つの DT に一致させるようにしてください。 DD にコンテンツが多い場合は、DD に P タグを追加して使用できます。 DL リストは非常に優れたリスト形式なので、さらに活用できます。
a これはリンクを表し、特定の属性を持ち、Web ページ上で最も魔法のタグでもあります。それは無数の Web ページを相互に接続するためです。正しい書き方は次のとおりです: href はターゲット アドレスを表し、TITLE はマウスオーバー プロンプト テキスト (オプション) です。しかし、何もないよりはもっとメリットがあるはずです。
img 画像タグであり、特定の属性を持つタグでもあります。通常の記述方法は次のとおりです: ここで、src はターゲット アドレス、ALT と TITLE は置換テキスト、ALT は IE 固有、TITLE は他のブラウザに共通です。ただし、最後にバックスラッシュが必要であることに注意してください。
H H1 から H6 までの合計 6 つのタグです。少ないという人もいるし、十分だと言う人もいますし、そんなにたくさんは使えないという人もいます。とにかく、ほぼ同じだと思います。正しい書き方は次のとおりです: は主にタイトルを保存するために使用されます。一部の友人はこれを他の目的にも使用します。個人的には、このタグをより穏やかにして、タイトルとして機能させる必要があると思います。これら 6 つのタグの間に相互包含を含めないことが最善です。
strong これは強調を意味し、意味論的な意味を持ち、その機能は非常に単純です。サンプル作品は、太字で強調するか、色を使って強調するかは自由です。正しい書き方はです。
em は Strong と非常に似ており、強調を意味します。一般的なブラウザのデフォルト値は斜体です。強と同じ方法を使用します。書き方は次のとおりです:
ここではフォームについては話していません。基本的にフォームはあまり変わっておらず、特別に言うこともないからです。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート