ホームページ > ウェブフロントエンド > CSSチュートリアル > HTMLリンクとテキストタグ_体験交流

HTMLリンクとテキストタグ_体験交流

WBOY
リリース: 2016-05-16 12:05:39
オリジナル
1924 人が閲覧しました

Web ページの最大の機能は「リンク」であることは誰もが知っています。そう、今では当たり前のように思われているこのことが、私たちの生活に大きな変化をもたらしました。この小さなレーベルこそが、世界中に数え切れないほどのインターネットの天才を生み出してきたのです。このタグの本当の姿を見てみましょう:

テキスト領域
これはこの単純なタグです。実際、誰もがそれを使用しています。 . Dreamweaver の [リンクの追加] を使用すると、非常に簡単に行うことができます。しかし、それにもかかわらず、A をより有効に活用するには、A の属性が何であるかを知る必要があります。 A はインライン タグです。つまり、それ自体では行分岐が発生しません。本文に流れてくる彼はウースです。インライン要素にブロック要素を含めることはできないことは誰もが知っています。つまり、段落や DIV などのブロックレベルの要素を A に含めることはできません。それで、仕事中にこのようなことが起こりますか?無数のブロックレベルのタグが A に追加されていますか?不要なバグの問題を回避できるだけでなく、GOOGLE などの検索エンジンに良い印象を与え、より多くのインプレッション ポイントを獲得できるように、今からこの悪い習慣を取り除きましょう。もちろん、これに加えて、Zhenzhi は A にタイトル属性を追加することも推奨しています。例:

テキスト エリア
なぜこれを行うのですか? 「タイトルが完全に表示されない場合」の記事を参照してください。これは、title 属性を追加するほんの少しの使用法ですが、非常に効果的です。

リンク タグ内の href="URL" は非常に強力な URL です。もちろん、これはコラムの内容ではありませんが、関連する知識を注意深く読むことを強くお勧めします。 Baidu百科事典から関連文書を見つけました。クリックして読んでください。当面はリンクのみですが、ご不明な点がございましたら、記事末尾の連絡先までご連絡いただくか、オンラインメッセージを残してください。

タイトルは、ほとんどすべての記事に含まれる要素であり、記事を識別してインデックスを作成するために使用する重要な要素でもあります。私たちは記事の核心を理解するためにタイトルを使用します。それで、あなたは何を知っていますか? title タグを適切に使用すると、記事がより興味深いものになります。 XHTML には h1 ~ h6 の 6 つのタイトル タグがあることは誰もが知っていますが、これら 6 つのタイトル タグの使用をどのように割り当てるのでしょうか?ブラウザ内で最大表示される h1 は、当然、最大のタイトルを表すために使用されます。Web サイトにとって最大のタイトルはどれですか?これはロゴであり、通常、Web サイトの先頭に Web サイトの名前をマークします。 h1 はロゴを配置するために使用されます。もちろん、Web サイトにロゴがなく、Web サイト名だけがある場合は問題ありません。もちろん、Zhenzhi は h1 に写真を入れることを推奨していません。 CSS を通じて画像を単語に完全に置き換えることができます。そして、h1 は推奨 Web ページに 1 回だけ表示されます。

h1 が専用の関数を見つけた場合、コンテンツ タイトルまたはそのタイトルに対する責任が他のいくつかのタイトル タグに課せられます。残りのタイトルのうち、h5 と h6 は、ブラウザのデフォルトの表示フォントが通常の文字フォントよりも小さくなります。その場合、h5 と h6 は免責事項または著作権表示としてのみ使用することをお勧めします。これは、明白すぎず、読書に影響を与えることなく、重要性を示しています。 title タグを使用する場合は、タグ間の階層関係にできるだけ注意してください。もちろん、タイトルの使用は実際の使用に基づいて決定する必要があります。これは単なる提案です。タイトル タグはブロック ライン要素ですが、ブロック レベルの要素を含めることはできなくなり、リンク、画像、改行などのインライン要素のみを含めることができます。 2日前の記事で友人がタイトルについて言及していたのを覚えていますが、書き方が間違っていて、H1タグの外側にリンクを書いてH1を囲んでいましたが、この書き方は推奨されません。基準に従わない考え方は、将来の学習にとって悪い指導につながりやすいです。

私たちの記事には必ず間違いが含まれるため、間違いがあれば修正する必要がありますが、場合によっては、この段落は削除されましたが、読者はまだ閲覧できることを読者に伝える必要があります。その後、ラベルを削除する効果が現れます。以前は、取り消し線効果を得るには または を使用していました。ただし、これは取り消し線の効果にすぎず、セマンティクスは DEL ほど明確ではないため、ここでは前の方法を放棄して タグを使用するように伝えたいと思います。また、必要な効果を表現することもでき、意味がより直接的かつ明確になります。したがって、削除するだけでなく、削除した部分に追加や変更を加える必要がある場合もあります。この場合、このタグは非常に便利です。つまり、タグ を挿入します。これら 2 つのタグの使い方は、私が言わなくても誰もが知っていると思いますが、これら 2 つのタグに 2 つの重要な属性 (cite と datetime) を追加することを忘れないでください。説明と時間。説明する必要はありません。削除する理由または挿入する理由をテキストで示すだけです。しかし今回は形式を明確にする必要があります。厳密な形式は、YYYY-MM-DDThh:mm:ssTZD です。 「Haha」は私たちが通常使用するものと似ていますが、違いがあります。T は期間の開始を示す必須文字で、TZD はタイムゾーンを表し、Z はグリニッジ標準時を表します。 Yixiu の記述方法は次のとおりです。 2008-03-25T14:26:22Z

すべてのタグのうち、2 つのタグは style タグですが、この 2 つのタグで表現される内容が特に重要であるため無効にはなりません。 、上付き文字と下付き文字、上付き文字下付き文字

これら 2 つのタグが使用される機会は比較的少ないですが、摂氏温度の上にある小さな円など、上付き文字は依然として一般的に使用されるはずです。もちろん、「℃」に対応する専門的な文字はありますが、本では脚注の上付き文字 [1] がよく見られます。

hr、分割線を分割します。このラベルと改行ラベルの書き方に注意してください





テキスト部分のラベルは以上ですもちろん、他にもたくさんのタグがあるかもしれませんが、推奨されていないタグや一般的に使用されているタグはここでは推奨されませんので、興味がある場合は、該当するコンテンツを検索して読んでください。次回は文書を美しくするためのCSSを少しずつ紹介していきます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート