ホームページ > 記事 > ウェブフロントエンド > html5で追加された新しいタグとは何ですか？
html5で追加された新しいタグとは何ですか？
- php中世界最好的语言オリジナル
- 2018-03-26 15:42:293170ブラウズ
今回は、html5の新しく追加されたタグとは何なのか、そしてhtml5の新しく追加されたタグを使用する際の注意事項についてお届けします。 以下に実際のケースを示しますので、見てみましょう。
今日は 9 つの新しいタグを学びました、
ドキュメントの詳細を定義します。このタグには実際に多くの実用的な用途があり、概要タグと一緒によく使用されます。概要タグには文書のタイトルを記述します。 p タグを使用したドキュメントの記述の詳細
強調表示タグにより、テキストの特定の段落をマークするために font 属性を使用する必要がなくなりました。
<メニュー> リストをすばやく作成します。使い方は、menu li と
アドレスを格納するラベルhtml5 タグへの最初の露出。第一印象は、テキストの意味がわかっているということです。このラベルは覚えやすいです。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Html5学习之路</title>
</head>
<body>
<header style="text-align: center; color: blue;">欢迎来到Html5的学习之路，我是header标签。</header>
这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来
<input type="text" list="phone">
<datalist id="phone">
<option></option>
<option>IPhone</option>
<option>华为 </option>
<option>小米 </option>
<option>三星</option>
</datalist>
<br/>
<br/>
<font color="red">这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!</font>
<br/>
而这个select选项框是不管什么内容它都会存在的
<select>
<option>IPhone</option>
<option>华为 </option>
<option>小米 </option>
<option>三星</option>
</select>
<br>
<br>
<br>
------------------------
<br><br><br>
这是一个定义文档细节的标签。detail标签。它的主要作用很简单。
<details>
<summary>这是一个detail标签，下面就是他的使用方法</summary>
<p>detail标签是什么？</p>
<p>detail标签有什么作用？</p>
<p>detail标签能干什么？</p>
<p>detail标签我改怎么用它？</p>
</details>
<br>
detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签<mark>mark</mark>比重不一样。
<br><br>
接下来这个标签是定义列表标签。menu。
<menu>
<li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li>
</menu>
<br><br>
进度条标签我们用的比较多。比如这个。<mark>progress</mark>
<progress value="5" max="10">value=5 max=10</progress>
<br>
<audio src="" controls="controls" autoplay="autoplay" loop="loop"></audio>
<footer>我是底部footer标签</footer>
</body>
</html>
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
以上がhtml5で追加された新しいタグとは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。