ホームページ > ウェブフロントエンド > H5 チュートリアル > html5マークタグの意味 html5マークタグの役割は何ですか?

html5マークタグの意味 html5マークタグの役割は何ですか?

寻∝梦
リリース: 2018-08-23 17:40:55
オリジナル
7505 人が閲覧しました

この記事では、html5 のマーク タグの定義と使用方法を紹介します。また、HTML5 のマーク タグの使用方法も簡単です。テキストを強調表示します。ぜひ皆さんもじっくり読んでみてください。

html5 マークタグの定義と使用方法:

マーク付きのテキストを定義します。

テキストを強調表示する必要がある場合は、 タグを使用してください。

HTML5 タグの例

部分的なテキストの強調表示:

<p>Do not forget to buy <mark>milk</mark> today.</p>
ログイン後にコピー

html5 Mark タグはテキストを強調表示します

HTML5 の mark タグが使用されます:

<mark></mark>
ログイン後にコピー

html5 mark タグ 機能:

マークタグ要素を使用すると、ドキュメント内のテキストを強調表示して、目を引く効果を実現できます。

mark 関数のサンプルコード

<!DOCTYPE html>
 <html>
 <head>
 <meta  charset=utf-8"/>
     <style>
         mark {
             background-color:#00ff90; font-weight:bold;
         }
     </style>
 <title>使用Mark元素高亮显示文本</title>
 </head>
 <body>
   <article>
         <header>
             <h1>百科</h1>
         </header>
         <p>百度百科是一部内容开放、自由的网络<mark>百科</mark>全书,旨在创造一个涵盖所有领域知识,服务所有互联网用户的中文知识性<mark>百科</mark>全书。在这里你可以参与词条编辑,分享贡献你的知识</p>
     </article>
 </body>
</html>
ログイン後にコピー

html5 mark タグに関する注意事項:

strong 要素と em 要素を使用してもこの効果を実現できます。strong 要素と em 要素の機能は次のとおりであるため、使用することはお勧めできません。テキストを強調するだけではありません。

グローバル属性

タグはグローバル属性をサポートしています。完全な属性テーブル HTML グローバル属性を表示します。

イベント属性

タグはすべての HTML イベント属性をサポートします。

HTML 4.01とHTML5の違い

<マーク>はHTML5の新しいタグです。

ブラウザのサポート

Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari は タグをサポートします。

注: Internet Explorer 8 以前では タグがサポートされていません。

【関連おすすめ】

HTMLのストライクタグの使い方を例付きで教えます

HTMLのnoscriptタグの意味は何ですか?

以上がhtml5マークタグの意味 html5マークタグの役割は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート