<datalist>,<dl>,<dt>,<dd>,<del>,<details>,<div>,<dfn>标签文档

<datalist>标签

<input type="text" list="lang">
<datalist id="lang">
  <option value="中文">
  <option value="English">
</datalist>

说明:该标签用于定义选项列表。需要与input标签配合使用,定义input可能的值,通过input元素的list属性可以绑定datalist。

<dl>, <dt>, <dd>标签

电话
电话是一种通讯工具
GitHub
GitHub是全球最大的同性交友网站
<dl>
  <dt>电话</dt>
  <dd>电话是一种通讯工具</dd>
  <dt>GitHub</dt>
  <dd>GitHub是全球最大的同性交友网站</dd>
</dl>

说明:dl定义列表,dt定义术语部分,dd定义术语的描述部分

<del>标签

第一题的答案是A

第一题的答案是C

<p><del>第一题的答案是A</del></p>
<p><ins>第一题的答案是C</ins></p>

说明:该标签定义要删除的文本。如果要修订内容,要配合<ins>标签使用。<del>标签与<s>标签在样式上相同,<ins>标签和<u>标签在样式上相同,但是<s>标签和<u>标签无语义。

<details>标签

GitHub

GitHub是全球最大的同性交友网站

<details open>
  <summary>GitHub</summary>
  <p>GitHub是全球最大的同性交友网站<p>
</details>

说明:该标签用于描述的某个细节。open是它的唯一属性,可以设置为默认显示详情,该标签配合<summary>标签可以为details定义标题。IE浏览器不支持该标签,但是不影响使用,内容能正常显示,只是无法切换显示隐藏效果。

<div>标签

<div class="wrap">
</div>

说明:该标签定义文档的分区(divsion)。它是一个无语义的元素,通常会为他添加class,只是为了应用样式,这也是<section>标签出现的原因,一个网页可以划分为几个section,每个section都是独立的部分,在语义上更加清晰。

<dfn>标签

JavaScript是一个脚本语言,它是一门动态语言。JavaScript借助Node.js可以运行在服务端

<p><dfn>JavaScript</dfn>是一个脚本语言,它是一门动态语言。JavaScript借助Node.js可以运行在服务端</p>

说明:该标签用于对特殊术语的定义。浏览器可通过标签定义术语表或者文章索引。比如在我们写技术文档时,当一次遇到某个术语时,为了区别于普通文本,可以用该标签来定义术语,当再次遇到该术语是就不要再次定义了,也就是说自定义一次。

优秀文章首发于聚享小站,欢迎关注!
原文地址:https://www.cnblogs.com/yesyes/p/15356552.html