HTML5页面增强元素

5增强的页面元素
1.details元素和summary元素
Details语义：详情；
Summary语义：概要，简要
Details元素可以实现类似显示/隐藏的功能。Summary用于显示details的标题或者间接。
注意：
1.如果details下没有summary元素，浏览器会自动添加，同时内容是“详细信息”。
2.details默认是关闭状态的，我们可以通过设置open属性让他打开。
3.我们也可以通过js获取details是否打开的状态
<details id="hebiIntroduce">
    <summary>鹤壁简介</summary>
    <p>鹤壁是封神榜故事发生地，商朝首都朝歌、周朝第一大诸侯国卫国都城朝歌</p>
</details>
<button οnclick="getDetailsStatus()">展开状态</button>
</body>
    function getDetailsStatus(){
        var details = document.getElementById("hebiIntroduce");
        var status = details.open;
        alert(status);
    }
</script>

5.2 mark元素
Mark语义：标记、做记号，为了强调突出
Mark元素的作用是为了突出页面的某一块内容。
特定：放在mark元素内部的内容将高亮（背景颜色：黄色）
<p>鹤壁是<mark>封神榜</mark>故事发生地，
商朝首都朝歌、周朝第一大诸侯国卫国都城朝歌</p>>
5.3.small 元素
Small语义：小的，不起眼
特点：字体比普通字体小。
一般用法：
用于放一些希望被忽略的内容
注意事项：免责声明

5.4：ol元素
Ol列表添加了start属性和resvered属性
Start：定义了开始计数的系数。
Resvered：计数的顺序，默认是从小到大，加上该属性之后是从大到小。
Progress元素
语言：进度、完成的进度
5.5 Progress是行内标签，有两个常用属性
Max：进度最大值
Value：当前值
5.6 metter元素（IE浏览器不支持）
语义:度量衡
注意;一般情况需要已知最大值和最小值。
5.7 cite元素
语义：引用，出自。
用法：一般用于定义作品（书籍、电影、歌曲、电视节目、绘画）
注意：使用了该属性，内容变成斜体

HTML5页面增强元素相关推荐

HTML5页面元素figure与figcaption标记的应用
样式代码 <!doctype html> <html lang="en"><head><meta charset="UTF-8 ...
《 HTML5 》— HTML5页面元素及属性
HTML5页面元素及属性 1.无序列表-ul元素的使用 <!doctype html> <html> <head> <meta charset="u ...
html5页面结构标签,HTML5 article标签元素
HTML5 教程篇 - - article是HTML5新增的元素标签. 一.html article简介与语法结构 article英文翻译:文章.物品.报道.条文等意义. html5 表现页面中的一块 ...
HTML5页面元素及属性
一.列表元素 1.ul元素 ul为无序列表,各个列表项之间没有顺序级别之分,通常是并列的,排序不分先后. 语法为: <ul><li>列表项1</li><li& ...
HTML5页面元素和属性大全，自行定位
结构元素(手机端网页) 这些标签在电脑客户端功能相当于<p> 标签网页头部标签名:header 网页导航标签名:nav 网页底部标签名:footer 网页侧栏标签名:aside ...
html5页面常用的代码,最全的 HTML5 知识汇总
引言 HTML5 一直是非常热门的话题,因此此系列文章主要从一些基本功能开始讲起,逐步深入了解HTML5的新概念. 首先了解一些基本的术语和概念.SGML, HTML,XML三者之间的区别 Doc类型 ...
HTML5 新增结构元素分为主体结构元素和非主体结构元素
做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.今天先介 ...
vue移动端html5页面根据屏幕适配的四种解决方法
最近做了两个关于h5页面对接公众号的项目,不得不提打开微信浏览器内置地图导航的功能确实有点恶心.下次想起来了的话,进行总结分享一下如何处理.在vue移动端h5页面当中,其中适配是经常会遇到的问题,这块 ...
html5的交互标签,html5里交互元素的使用方法
在H5里,交互元素就是和用户进行互动的元素,这一部分非常的重要,并且和之前的JS控制的效果不同,H5相比于HTML增加了很多的交互元素,比如隐藏显示注脚就是其中的一个交互效果. 交互元素的使用 bod ...
HTML5中Nav元素作用及应用场景知识点
HTML5中Nav元素作用及应用场景知识点,Nav元素一般用来做导航栏,链接到本页面的某个位置或者是其他页面.元素标签将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读 ...

HTML5页面增强元素

HTML5页面增强元素相关推荐

最新文章

热门文章