【三个不常用的HTML元素：<details>、<summary>、<dialog>】的更多相关文章

三个不常用的HTML元素：<details>、<summary>、<dialog>

前面的话 HTML5不仅新增了语义型区块级元素及表单类元素,也新增了一些其他的功能性元素,这些元素由于浏览器支持等各种原因,并没有被广泛使用 文档描述 <details>主要用于描述文档或文档某个部分的细节,与<summary>配合使用可以为<details>定义标题.标题是可见的,用户点击标题时,显示出details [注意]这两个标签只有chrome和opera支持 <details> 该标签仅有一个open属性,用来定义details是否可见(默认为不…

Java程序员的现代RPC指南（Windows版预编译好的Protoc支持C++，Java，Python三种最常用的语言，Thrift则支持几乎主流的各种语言）

Java程序员的现代RPC指南 1.前言 1.1 RPC框架简介 最早接触RPC还是初学Java时,直接用Socket API传东西好麻烦.于是发现了JDK直接支持的RMI,然后就用得不亦乐乎,各种大作业里凡是涉及到分布式通信的都用RMI,真是方便.后来用上了Spring,发现Spring提供了好多Exporter,可以无侵入地将一个POJO暴露为RPC服务. 接触了这么多RPC框架后,发现当时公司内部自己实现了一套支持压缩.加密等附加功能的RPC基础框架,于是就读了一下源码,发现原来自己实现个…

常用HTML标签元素结合及简介

常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题        <h1></h1> 最大的标题<pre></pre> 预先格式化文本          <u></u> 下划线<b></b> 黑体字 …

html5中 input的pattern属性 和 details/summary元素

html5--3.21 课程小结与其他新增元素 一.总结 一句话总结: input的pattern属性可以设置正则验证,比如检测学号的位数和数字区间 details/summary元素配合起来可以做元素折叠的效果,summary为detail设置标题 请输入你的学号:<input type="text" name="name" pattern="[0-9]{4}"> 1.details/summary元素实例? details/sum…

Jmeter Web 性能测试入门 (三)：Jmeter 常用组件说明

线程组:用来设置并发的数量和模式.是用来模拟用户并发的组件.JMeter 的每个任务都是用线程来处理的. 线程数:要并发的请求数量. Ramp-Up Period: 在多次时间内把这些并发的请求发送完,单位秒 循环次数:这些并发一共要循环测试多少次 调度器: 启动时间:测试计划什么时候启动,启动延迟会覆盖它.当启动时间已过,手动运行脚本时当前时间也会覆盖它(但启动时间页面显示不会变). 结束时间:测试计划什么时候结束,持续时间会覆盖它. 持续时间(秒):测试计划持续多长时间,会覆盖结束时间. 启…

Linux学习笔记 一 第三章 Linux常用命令

第三章Linux常用命令 一.文件处理命令 1.命令格式 2.目录处理命令:ls 3.目录处理命令:mkdir 4.文件处理命令: touch…

H5系列之常用的语义元素

H5添加了几个新标签,带有语义化的标签,像我们的div 和 span 标签,你说他两能干嘛呢, 好像他两什么事都能干.举个例子,你家里的房子,有几个房间,如果不分房间的话,是不是你 今天睡这里,明天睡另外一间房间,后天再睡另外一间房间, 是不是很乱呢?  的确是很乱,像我们的网页,比较复杂的网页,里面全都是用div来搭建,那怎么行呢,是不是有点分不清 这块区域是干嘛的, 那块区域是干嘛的?   所有才有了语义化的标签. 举几个常见的标签, ul li   这货一看,就知道他是列表吧.那么 img…

html5-新增表单的小结details summary

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>新增表单的小结</title></head><body><!-- <form action="" id="myform">    <input type=&quo…

bootstrap4 Reboot details summary 美化（点选禁止选中文本，单行隐藏角标，多行后移）

bootstrap4 Reboot details summary 优化这块,主要是为了去掉details summary的角标~ 所以优化写了一下. 原始HTML <details> <summary>Some details</summary> <p>More info about the details.</p> </details> 原始效果 原始效果演示 点击 https://v4.bootcss.com/docs/4.0/…

h5交互元素details标签

details是h5新增的交互元素,details与 summary 标签配合使用可以为 details 定义标题.默认情况下,不显示 details 标记中的内容.当用户点击标题时,会显示出 details. details元素的常用属性如下: open:值为open,功能是定义details是否可见. subject:值为sub_id,功能是设置元素所对应项目的ID号. draggable:值为true或false,功能是设置是否可以拖动元素,默认值是false. 简单的details示例:…