HTML5 - 随笔分类 - 素心依旧

HTML 5常用的交互元素————菜单交互元素command（2）

摘要：<command>用于定义各种类型的命令按钮，利用URL属性可以添加图片，实现图片按钮效果，另外改变type中的属性值，还可以定义复选框或者单选框按钮。 <command>的属性值如下：属性值描述 checked checked 定义为checkbox或radio表示是否被选中 disable 阅读全文

posted @ 2018-01-03 17:28 素心依旧阅读(384) 评论(0) 推荐(0)

HTML 5常用的交互元素————菜单交互元素（1）

摘要：<menu>是HTML 5重新启用的旧标记，常与<li>列表元素组合使用，用来定义一个列表的菜单，属性以及描述：属性值描述 autosubmit true/flase true时：当表单中的元素发生变化时会自动提交 lable 任意字符为菜单定义一个可见的标注 type context to 阅读全文

posted @ 2018-01-01 16:58 素心依旧阅读(782) 评论(0) 推荐(0)

HTML 5常用的交互元素————内容交互元素（2）

摘要：summary元素是<details>的一个子元素实例1：交互元素<summary>与<details>的结合使用： <!doctype html><html><head><meta charset="utf-8"><title>交互元素《details》的使用</title> <style 阅读全文

posted @ 2018-01-01 15:32 素心依旧阅读(247) 评论(0) 推荐(0)

HTML 5 常用的交互元素————内容交互元素（1）

摘要：在HTML 5中，交互元素分为三类：内容交互元素菜单交互元素状态交互元素内容交互元素：<details>和<summary>元素属于新增的内容交互元素，主要用于文档的标题、细节、内容的交互显示。 details元素：用于说明文档或某个细节信息的作用，常与<summary>元素配合使用。默认阅读全文

posted @ 2018-01-01 15:18 素心依旧阅读(2558) 评论(0) 推荐(0)

样式化页面实现（显示一段文章内容）

摘要：HTML5： <!doctype html><meta charset="utf-8"><title>设置新元素的样式</title> <style type="text/css"> article{display: block} article header p{font-size: 13px} 阅读全文

posted @ 2017-12-31 16:17 素心依旧阅读(139) 评论(0) 推荐(0)

页面分栏实现

摘要：将页面分成上、中、下三部分，上部分显示导航，中部分成两个部分，，左边设置菜单，右边显示文本内容；下部显示版权信息。 <!doctype html><html><head><meta charset="utf-8"><title>页面结构</title> <style type="text/css"> 阅读全文

posted @ 2017-12-31 16:00 素心依旧阅读(211) 评论(0) 推荐(0)

我的第一个HTML 5页面

摘要：我的第一个HTML5 页面： <!doctype html><html><head><meta charset="utf-8"><title>第一个HTML5 页面</title></head> <body> <p>hello,world!</p></body></html> 阅读全文

posted @ 2017-12-30 20:33 素心依旧阅读(154) 评论(0) 推荐(0)

检测HTML5是否支持HTML5

摘要：在HTML中插入画布标记，浏览器支持时，会出现矩形；反之，在页面中显示“该浏览器不支持html5的画布标记”的提示！实现代码： <!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html;chars 阅读全文

posted @ 2017-12-30 20:28 素心依旧阅读(176) 评论(0) 推荐(0)

随笔分类 - HTML5