3.页面交互元素

details和summary元素

    details元素用于描述文档或文档某个部分的细节。summary元素经常与details元素配合使用，作为details 元素的第一个子元   素,用于为details定义标题.标题是可见的，当用户点击标题时，会显示或隐藏details中的其他内容。

progress元素

      用于表示一个任务的完成进度,只表示进度正在进行
      常用属性值:
         ●value: 已经完成的工作量。
         ●max: 总共有多少工作量。.

meter元素

      meter元素用于表示指定范围内的数值

      其常见属性:

 

 

 

属性	说明
high	定义度量的值位于哪个点被界定为高的值
low	定义度量的值位于哪个点被界定为低的值。
max	定义最大值，默认值是1.
min	定义最小值，默认值是0。
optimum	定义什么样的度量值是最佳的值。如果该值高于high属性，则意味着值越高越好。如果该值低于low属性的值，则意味着值越低越好。
value	定义度量的值。

 

 

 

 

 

 

 

 

 

 

4.文本层次语义元素

time元素

    time元素用于定义时间或日期，可表示24小时中的某一时间。
    其属性:
          1.datetime:用于定义相应的时间或日期。取值为具体时间(例如: 14:00)或具体日期(例如2020- -03- -11)，不定义该属性                      时，由元素的内容给定日期/时间。
          2.pubdate: 用于定义time元素中的日期/时间是文档(或article元素) 的发布日期。取值-般为“pubdate"

mark元素

    主要作用于在文本中高亮显示某些字符，以引起用户注意。该用法与em和strong有相似之处，但mark元素在突出显示样式时     更随意灵活。

cite元素

    创建一个引用标记，用于对文档参考文献的引用说明，一旦在文档中使用了该标记，被标记的文档内容将以斜体的样式展示在   页面中，以区别于段落中的其他字符。

5.全局属性

graggable属性

    定义元素是否可以拖动，该属性有两个值: true和false,默认为false,当值为true时表示元素选中之后可以进行拖动操作，否则不   能拖动。

hidden属性

    该属性有两个属性值: true和false。当取值为true时，元素将会被隐藏，反之则会显示。元素中的内容是通过浏览器创建，页     面装载后允许使用JavaScript脚本将该属性取消，取消后该元素变为可见状态，同时元素中的内容也及时显示出来。
 

spellcheck属性

    主要针对于input元素和textarea文本输入框，对用户输入的文本内容进行拼写和语法检查。spellcheck属 性有两个值: true (默认值)和false,值为true时检测输入框中的值，反之不检测

contenteditable属性

    用于规定是否可编辑元素的内容，前提是该元素必须可以获得鼠标焦点并且其内容不是只读的。该属性有两个值，如果为true      表示可编辑，为false表示不可编辑。