Heim  >  Artikel  >  Web-Frontend  >  Neue und verlassene Tags für h5

Neue und verlassene Tags für h5

php中世界最好的语言
php中世界最好的语言Original
2018-03-13 09:55:023164Durchsuche

Dieses Mal werde ich Ihnen die neuen Tags und verlassenen Tags von h5 vorstellen. Was sind die Vorsichtsmaßnahmen bei der Verwendung der neuen Tags und verlassenen Tags von h5? .

1. Video-Tag

Was ist das Video-Tag?
Funktion: Video abspielen
a 🎜>

Attribute des Video-Tags

src: wird verwendet, um dem Video-Tag die abzuspielende Videoadresse mitzuteilen

autoplay: wird verwendet um zu sagen, ob das Video-Tag das Video automatisch abspielen muss
Steuerelemente: Wird verwendet, um dem Video-Tag mitzuteilen, ob die Steuerleiste angezeigt werden muss
Poster: Wird verwendet, um dem Video-Tag mitzuteilen, ob das Video nicht vor dem abgespielt wird Platzhalterbild wird angezeigt
Schleife: Wird im Allgemeinen für Werbevideos verwendet und teilt dem Video-Tag mit, ob nach der Wiedergabe des Videos eine Schleife ausgeführt werden muss
Vorladen: Laden Sie das Video vorab, aber Sie müssen auf den Konflikt achten zwischen Preload und Autoplay ist das Attribut „Preload“ ungültig
b. Das zweite Format

2.1. Format:
2.2. Die Bedeutung der Existenz des zweiten Formats:

Weil Videodaten sehr, sehr wichtig sind , Die fünf großen Browserhersteller sind nicht bereit, die Videoformate anderer Leute zu unterstützen, daher ist kein Videoformat für alle geeignet. Alle Browser unterstützen
//设置 自动播放 + 控制条<video></video>//控制条 + 占位图<video></video>//广告视频 : 自动播放 + 无限循环 + 静音 + 宽度<video></video>
Um dieses Problem zu lösen, führte W3C zu diesem Zeitpunkt das zweite Format des Video-Tags ein

Der Zweck des zweiten Formats des Video-Tags besteht darin, das Problem der Browseranpassung zu lösen. Das

Video-Element unterstützt drei Videoformate
<video>
    <source></source>
    <source></source>
</video>
dem Video-Tag Wenn der Browser das Video in Zukunft abspielt, wählt er ein unterstütztes Format aus


2.3.1 Obwohl derzeit das zweite Format Über das Video-Tag kann ein Videoformat angegeben werden, das von allen Browsern unterstützt wird. Es gibt eine weitere Voraussetzung dafür, dass alle Browser Videos über das Video-Tag abspielen können: Der Browser muss das HTML5-Tag unterstützen, sonst wird es nicht abgespielt

2.3.2 In der Vergangenheit haben einige Browser das HTML5-Tag nicht unterstützt. Um es einigen Browsern in der Vergangenheit zu ermöglichen, Videos über das Video-Tag abzuspielen, können wir es in Zukunft über ein JS-Framework namens html5media implementieren

Format:

3. Hinweise:

Die Verwendung des Audio-Tags ist grundsätzlich dieselbe wie die Verwendung des Video-Tags das Audio-Tag und die Funktionen sind die gleichen

, außer dass 3 Attribute nicht verwendet werden können, Höhe/Breite/Poster

3. Details und Zusammenfassungs-Tags
//示例代码:
<video>
    <source></source>
    <source></source>
    <source></source>
</video>

Was sind Details und Zusammenfassungs-Tags?

Funktion: Verwenden Sie Zusammenfassungs-Tags, um zusammenfassende Informationen zu beschreiben, verwenden Sie Detail-Tags, um detaillierte Informationen zu beschreiben.

Standardmäßig ist es gefaltet. Wenn Sie die Details sehen möchten, Sie müssen auf

klicken 4. Marquee-Tag

1. Was ist ein Marquee-Tag ([mɑr'ki])?
<audio></audio>
<audio>    <source></source></audio>
Funktion: Marquee


2. Format:

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

3. Attribut:

Direction: Legt die Scrollrichtung links/rechts/oben/unten fest
scrollamount: Legt das Scrollen fest Geschwindigkeit, je größer der Wert, desto schneller
Schleife: Legen Sie die Anzahl der Bildlaufvorgänge fest. Der Standardwert ist -1, was einem unendlichen Bildlauf entspricht.

Verhalten: Stellen Sie den Bildlauftyp so ein, dass er beim Scrollen bis zur Grenze stoppt, und wechseln Sie zu Bounce beim Scrollen zur Grenze

4. Hinweis: Das
<details>
    <summary>概要信息</summary>
    详情信息</details>
marquee-Tag ist kein vom W3C empfohlenes Tag und dieses Tag kann im offiziellen W3C-Dokument nicht abgefragt werden Nun

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

Laufschrift-Richtung

Neue und verlassene Tags für h5

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

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

Das obige ist der detaillierte Inhalt vonNeue und verlassene Tags für h5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn