H5的页面元素
来源:互联网 发布:中译英 字数比例 知乎 编辑:程序博客网 时间:2024/04/30 01:27
details元素与summary元素
details语义:详情
summary语义:概要,摘要
details元素可以实现类似显示/隐藏的功能,summary用于显示details的标题或者间接
注意:(1)如果details下面没有summary元素,浏览器会自动添加,同时内容是“详细信息”。 (2)details默认是关闭状态的,我们可以通过设置open属性让他打开。
(3)我们也可以通过JS获取details是否打开的状态。
<details id="hebiIntroduce" open>
<summary>鹤壁简介</summary>
<p>鹤壁是封神榜故事发生地,中国商朝首都朝歌、周朝第一大诸侯国卫国首都朝歌、战国七雄赵国首都中牟均位于鹤壁市。境内浚县城是国家历史文化名城。林、石、卫、康、殷姓及韩国(朝鲜)康氏、琴氏等姓氏均起源于此,鹤壁是中华民族姓氏的重要发祥地。
</p>
</details>
<button onclick="getDetailsStatus()">获取状态</button>
</body>
<script>
function getDetailsStatus(){
var details= document.getElementById("hebiIntroduce");
var status= details.open;
alert(status)
}
</script>
mark元素
mark语义:标记,做记号。
mark元素的作用是为了突出显示页面的某一块内容。
特点:放在mark元素内部的内容,将高亮显示(背景颜色为黄色)。
5.3 small元素
small语义:小字体文本
特点:字体比普通字体小一点。
一般用法:用于放一些希望被忽略的内容。免责声明、注意事项
<h3>鹤壁简介</h3>
<p>鹤壁是<mark>封神榜</mark>故事发生地,中国商朝首都朝歌、周朝第一大诸侯国卫国首都朝歌、战国七雄赵国首都中牟均位于鹤壁市。境内浚县城是国家历史文化名城。林、石、卫、康、殷姓及韩国(朝鲜)康氏、琴氏等姓氏均起源于此,鹤壁是中华民族姓氏的重要发祥地。<small>这些朝代都灭亡了</small>
商场大打折 5.5折<small>起</small>
</p>
ol
ol列表 添加了start和reversed属性
start:定义开始计数的系数。
reversed:计数的顺序,默认是从小到大,加上该属性之后从大到小。
progress
语义:进度、完成的进度
progress是行内标签,有两个常用属性:max:进度的最大值;values:当前进度的值。
注意:看到的进度效果是value/max的比例。
meter
meter语义:度量衡
注意:一般情况:需要已知最大值和最小值,
cite
cite:引用,出自。
用法:一般用于定义作品(书籍、电影、歌曲、电视节目、绘画)
注意:使用了该元素,内容变成斜体。
- H5的页面元素
- 新增的h5页面元素
- H5增强的页面元素
- h5增强的页面元素
- H5页面属性和元素
- H5页面开发,元素使用心得技巧
- H5常用的标签元素
- 那些过目不忘的 H5 页面
- 手机h5页面的mata
- 一个基本的H5页面
- H5页面遇到的BUG
- H5页面加载另一个页面的问题
- Appium 获取h5页面元素需要加调试代码
- H5学习之旅-H5的元素属性(3)
- H5 新增的input元素的类型
- H5的video元素实现的Demo
- Android 真机,微信打开 H5,切换到 webview,能通过 webdriver 方法操作页面元素,然后链接到新的 H5 页面后,无法操作元素,appium 服务器没有收到 response,
- H5 新的表单元素 datalist
- Java并发编程-无锁CAS与Unsafe类及其并发包Atomic
- QLineEdit 单行文本框
- 说说今天刷Nvidia TX2踩的坑
- CSDN-markdown编辑器【这个不错记录下来】
- RQNOJ188 购物问题
- H5的页面元素
- eclipse动态web目录结构分析
- 平衡二叉树
- 异常:javax.servlet.jsp.PageContext cannot be resolved to a type
- 在spark-shell中编写wordcont
- android 实现监听短信接收并将当前位置发送出去
- Oracle数据库知识梳理---续(创建和管理表)
- h5实现本地图片或文件的上传
- spring task