検索

HTMLストライクタグ

Sep 04, 2024 pm 04:31 PM
htmlhtml5HTML TutorialHTML PropertiesHTML tags

HTML には、より魅力的に構築された Web ページを使用するための異なるタグのセットがあり、ユーザー定義の要件を満たす必要があります。 HTML の各バージョンには、使用する必要がある機能のセットが異なり、その一部は古いバージョンから新しいバージョンに向けて非推奨になりました。同じことです は、HTML のタグの 1 つで、HTML Web ページの取り消し線テキストによって指定されます。現在、このタグはすでに非推奨になっています。今は タグの代わりに使用されます。 htmlのタグ。主に html5 では、このタグは使用できません。代わりに、 をサポートするか、ドキュメント内で CSS スタイルを使用します。

構文:

ストライク タグには、HTML Web ページで使用される次の構文があります。


<strike>--content--</strike>

上記のコードは基本的な構文です。 内のユーザーコンテンツを使用します。 Web ページ内のタグ。また、HTML のグローバル属性も使用し、イベント属性も使用します。 HTML では、常に を使用します。タグはペアで指定され、同じ一般ルールが常に適用されます。 を開始します。 を閉じます。タグを使用する必要があります。

HTML で Strike タグを使用するには?

  • html で取り消し線テキストを作成するために Strike タグを使用するときは常に、
  • CSS は、Web ページのコンテンツをスタイル設定する他のプレゼンテーション フレームワークと比較すると常に優れていますが、コンテンツの正確な意味を提供するわけではありません。そのため、CSS と比較して HTML セマンティック タグを使用するのは、両方のフレームワークよりもさらに優れています。 HTML で取り消し線のコンテンツを使用するタグですが、どちらのタグも異なる方法で意味を伝えます。
  • タグは、Web ページ上の何かのコンテンツを表現したい場合に使用されますが、そのテキストはもはや正確ではなく、関連性もありません。
  • HTML ドキュメントまたはプロジェクト要件では、ドキュメントの編集にこれを使用すべきではありません。 HTML ドキュメント内の一部のコンテンツを削除したい場合は、 を使用します。タグ。
  • HTML タグは常に、Web ページの中央位置に水平線を使用してテキストの外観を与えます。主にマーク テキストで使用される取り消し線は、間違っているか、 などの他の HTML タグを使用すると自動的に削除されます。
  • Web ページのデフォルトでは、テキストは取り消し線で囲まれており、指定されたテキストの修正を示すためにアイドル位置にあります。これは、テーブル形式のようなレイアウトでも、CSS スタイルに基づく他の形式でも同様に機能します。
  • 一部のフレーズと同様、HTML タグに依存します。 HTML テキストの開始タグと終了タグが取り消し線で表示されることがわかっているため、他の方法でユーザーの一貫性を達成するのが難しい状況と組み合わせることができます。
  • タグを使用すると、機能を備えたスタイルを追加できます。これらは、開始 の後に属性を追加した後までに行う必要があります。タグ。
  • ストライク タグでは、クラス、dir、ids、lang、title、styles などのすべての属性が許可されます。しかし、おそらくほとんどの場合、クラスと ID はすべての属性の上に 一部のコンテンツ のように使用されます。初期化されたストライク タグのコンテンツの後にスペースがあり、属性名の後にスペースがあることに注意してください。等号演算子と二重引用符を使用した属性の識別子を使用します。
  • CSS スタイリングでは、class 属性と id 属性の両方が CSS と同様に要素として参照され、 のいずれかに格納されます。外部ファイル内の Web ページのタグ。通常、id を使用すると、Web ページの単一のインスタンスを参照しますが、主に class 属性を使用する場合は、この目的のために Web ページ上の繰り返し要素を参照します。タグは、HTML ドキュメントの id または class 属性で使用されます。
  • これらの属性のいずれかを使用すると、 でデータが許可されているという CSS スタイル情報が許可されます。タグ。基本的に HTML の dir 属性では、Web ページの左側と右側の両方でテキストを読み取ることができます。lang 属性では、3 つ以上の言語が必要な場合に、ユーザーの要件に基づいて Web ページ内のタグの言語を指定できます。または、Web ページでこれらのタグを使用できるようにするために複数の言語が使用されます。
  • HTML ページのタイトル コンテンツが必要な場合は、 を使用します。タグを使用すると、ユーザーは HTML タグに追加情報を含めることができます。

HTML Strike タグの例

以下は HTML Strike タグの例です。

Example #1

Code:


<p>Welcome <strike>To My Domain</strike> Thanks</p>

Output:

HTMLストライクタグ

Example #2

Code:


<style>
.sample{
color:blue;
}
body {
text-align:center;
}
</style>


<div class="sample">
<strike>Welcome</strike>
<strike>To My Domain</strike>
</div>

Output:

HTMLストライクタグ

Example #3

Code:


<style>
.sample{
color:red;
}
body {
text-align:center;
}
</style>


<div class="sample">
<ol>
<li>Apples</li>
<li><del>Mangoes</del></li>
<li><del>Strawberry</del></li>
</ol>
</div>

<strong>  </strong>

Output:

HTMLストライクタグ

The above examples show the tag usages in HTML documents. We see the first example will use the tag in html document in that mentioned contents will be deprecated in the web page same second example we will use some CSS styles applied in the web pages based on that it will be displayed in the web page views on the user screen the final example we use the tag in the document instead of tag same purpose the mentioned contents or text will be removed in the web page. The Same tag will be worked on some other frameworks like bootstrap and jquery libraries also; it will be used in the ionic Angular frameworks etc.

Conclusion

Based on the above concepts, the surface of the HTML tag will be easy to see how versatile it is in web page users. It will take full advantage of the understanding of CSS frameworks, and also it will work with jquery, Angular but the purpose will be different for each technologies.

以上がHTMLストライクタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTMLアクション:Webサイト構造の例HTMLアクション:Webサイト構造の例May 05, 2025 am 12:03 AM

HTMLは、明確な構造のWebサイトを構築するために使用されます。 1)Webサイト構造などのタグを使用し、定義します。 2)例は、ブログとeコマースのウェブサイトの構造を示しています。 3)誤ったラベルネスティングなどの一般的な間違いを避けてください。 4)HTTP要求を削減し、セマンティックタグを使用してパフォーマンスを最適化します。

HTMLページに画像を挿入するにはどうすればよいですか?HTMLページに画像を挿入するにはどうすればよいですか?May 04, 2025 am 12:02 AM

to inertanimageintoanhtmlpage、usethetagwithsrcandaltattributes.1)usealttextforaccessibilityandseo.2)emplencesrcsetForresponsiveimages.3)applylazyloadingwithloading = "lazy" tooptimizeperformance.4)

HTMLの目的:Webブラウザがコンテンツを表示できるようにするHTMLの目的:Webブラウザがコンテンツを表示できるようにするMay 03, 2025 am 12:03 AM

HTMLの中心的な目的は、ブラウザがWebコンテンツを理解して表示できるようにすることです。 1。HTMLは、タグなどのタグを介してWebページの構造とコンテンツを定義します。 3.HTMLは、ユーザーの相互作用をサポートするフォーム要素を提供します。 4. HTMLコードの最適化は、HTTP要求の削減やHTMLの圧縮など、Webページのパフォーマンスを改善できます。

Web開発にとってHTMLタグが重要なのはなぜですか?Web開発にとってHTMLタグが重要なのはなぜですか?May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1)theydefineLayout、semantics、and-interactivity.2)semanticagsimprovecessibility.3)opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AM

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1)低ケースタグと属性を使用します。2)一貫したインデントを保持し、3)シングルまたはダブルの引用符を選択して固執する、4)プロジェクトのさまざまなスタイルの混合を避け、5)きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は?ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は?Apr 30, 2025 pm 03:24 PM

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか?DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか?Apr 30, 2025 pm 03:21 PM

マウススクロールイベントの浸透の効果を実現する方法は? Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオの再生コントロールスタイルを変更する方法HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。