h5 の新規タグと放棄されたタグ

今回はh5の新規タグと破棄タグについてご紹介します。h5の新規タグと破棄タグを使用する際の注意点は何ですか?実際のケースを見てみましょう。

1.video タグ

video タグとは何ですか?

機能: ビデオを再生します
a.最初の形式:

> ;

ビデオタグの属性

src: 再生する必要があるビデオアドレスをビデオタグに伝えるために使用されます
autoplay: ビデオを自動的に再生する必要があるかどうかをビデオタグに伝えるために使用されます
controls: ビデオタグに伝えるために使用されますコントロールバーを表示する必要があるかどうか
poster: 動画の再生前に表示されるプレースホルダー画像が再生されないことをビデオタグに伝えるために使用されます
loop: 通常、動画の広告に使用され、後でループする必要があるかどうかをビデオタグに伝えるために使用されますビデオの再生が終了しました
preload: ビデオをプリロードしますが、プリロードと自動再生の違いに注意する必要がありますおっと、自動再生属性が設定されている場合、プリロード属性は無効になります
ミュート: ミュート
幅/高さ: 正確
img タグと同じ

//设置 自动播放 + 控制条<video></video>//控制条 + 占位图<video></video>//广告视频 : 自动播放 + 无限循环 + 静音 + 宽度<video></video>

b. 2 番目の形式

2.1. 形式:

<video>
    <source></source>
    <source></source>
</video>

2.2 .2 番目の形式の存在意義:

動画データは非常に重要であるため、5 つの主要なブラウザーメーカーは他人のビデオ形式をサポートすることに消極的であるため、すべてのブラウザでサポートされるビデオ形式は存在しません
現時点では、この問題を解決するために、W3C はビデオ タグの 2 番目の形式を導入しました。 video 要素は、ブラウザーの適応の問題を解決するために使用されます。これを、source タグを通じて video タグに指定すると、将来ブラウザーがビデオを再生するときに、これを指定できます。再生するには、これら 3 つの形式からサポートされている形式の 1 つを選択します

2.3。 注:

2.3.1 video タグを介して現在の 2 番目の形式は、すべてのブラウザでサポートされているビデオ形式を指定できますが、すべてのブラウザで次のことを行う必要があります。 video タグを介してビデオを再生するには、ブラウザーが HTML5 タグをサポートしている必要があります。そうでない場合は、再生できません。これまで、一部のブラウザーは HTML5 タグをサポートしていませんでした。以前は video タグを通じてビデオを再生していましたが、今後は html5media という JS フレームワークを通じて実装できるようになります

//示例代码:
<video>
    <source></source>
    <source></source>
    <source></source>
</video>

2. audio タグ

1. audio タグとは何ですか?

機能: オーディオを再生

2. フォーマット:

<audio></audio>
<audio>    <source></source></audio>

3. 注意事項:

audio タグと video タグの使い方は基本的に同じです。 、機能は同じです

しかし、使用できない属性は高さ/幅/ポスターの 3 つです

//第一种格式<audio></audio>
//第二种格式<audio>    <source></source></audio>

詳細タグと概要タグ

詳細タグと概要タグとは何ですか?

機能:概要タグを使用して概要情報を記述し、詳細タグを使用して詳細情報を記述します

デフォルトでは、折りたたまれて表示され、詳細を表示するにはクリックする必要があります

形式:

<details>
    <summary>概要信息</summary>
    详情信息</details>

サンプルコード

<details>
    <summary>郑伊健</summary>简介：郑伊健，1967年10月4日出生于中国香港，籍贯广东恩平，香港影视演员、流行男歌手。1988年参加新秀歌唱大赛加入无线电视，因拍摄“阳光柠檬茶”广告而入行，拜罗文为师。1991年...</details>

概要詳細.gif

4. マーキータグ

1. マーキー([mɑr'ki])タグとは

機能: マーキー

2. フォーマット:

/marquee>

3. 属性:

direction: スクロール方向を左/右/上/下に設定します
scrollamount: スクロール速度、値を設定します。大きいほど速くなります

loop: スクロール数を設定します、デフォルトは -1 で、無限スクロールです

動作: スクロール タイプのスライドを境界までスクロールすると停止し、境界までスクロールするとバウンスするように設定します

4。 注:
マーキー タグは ではありません。 W3C によって推奨されているタグであり、このタグは W3C 公式ドキュメントでは照会できませんが、主要なブラウザーはこのタグをよくサポートしています

サンプル コード:

<!--滚动方向--><marquee>随便写点内容</marquee><marquee direction="right">随便写点内容</marquee><marquee direction="up">随便写点内容</marquee><marquee direction="down">随便写点内容</marquee><hr><!--设置滚动速度--><marquee scrollamount="1">随便写点内容</marquee><marquee scrollamount="100">随便写点内容</marquee><hr><!--设置滚动次数--><marquee loop="1">随便写点内容</marquee><hr><!--设置滚动类型--><!--滚动到边停止--><marquee behavior="slide">随便写点内容</marquee><!--往返滚动--><marquee behavior="alternate">随便写点内容</marquee><!--滚动图片--><marquee>
    ![](images/NJ.jpg)</marquee>

マーキーのスクロール方向

5. 放棄されたタグ

1.为什么HTML中有一部分标签会被废弃?
因为当前的HTML中的标签只有一个作用, 就是用来添加语义
而早期的HTML标签中有一部分标签是没有语义的,
有一部分标签是用来修改样式的
所以这部分标签就被淘汰了

<strong>被废弃标签</strong>
<br> <hr> <font>
<b> <u> <i> <s>以上标签都是没有语义的,都是用来修改样式的
b(bold) 加粗文本, 没有任何语义的
u(underline) 给文本天津下划线, 没有任何语义的
i(italic) 将文本倾斜, 没有任何语义的
s(strikethourgh) 给文本添加删除线, 没有任何语义的

注意点:
以后在企业开发中, 不到万不得已一定不要使用这些被废弃掉的标签 如果一定要使用, 一般情况下都是用来作为CSS的钩子来使用

<strong>推出的新标签</strong>
strong == b
ins == u
em == i
del == s
strong语义: 定义重要性强调的文字
ins语义(inseted): 定义插入的文字
em语义(emphasized  音标:[&#39;ɛmfə,saɪz]): 定义强调的文字
del语义(deleted): 定义被删除的文字

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

iOS webView怎样加载HTMLString

关于正则表达式的几个小练习

以上がh5 の新規タグと放棄されたタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。