html5现在框架
sencha-touch
phoneGap
jQuery mobile
bootStrap
HTML的全称是HyperText Markup Language,超文本标记语言
跟XML类似,HTML由N个标签组成
常见的HTML标签
标题 h1、h2、h3、h4、h5....
段落 p
换行 br
容器:div、span
表格 table、tr、td
列表 lul、ol、li
图片 img
表单 input
链接 a
结构性标签
article 文章主体内容
header 标记头部区域内容
footer 标记脚部区域内容
section 区域章节表述
nav 菜单导航,链接导航
块级性标签 完成web页面区域的划分,确保内容的有效隔离
aside 注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
figure 对多个元素组合并展示的元素,常与figcaption联合使用
code 表示一段代码块
dialog 人与人之间对话,包含dt和dd两个组合元素(dt用于表示说话者、dd用于表示说话者的内容)
行内语义性标签
meter 特定范围内的数值,如工资、数量、百分比
time 时间值
progress 进度条,可用max、min、step进行控制,完成对进度的表示和监听
video 视频元素,用于视频播放,支持缓冲预载和多种视频媒体格式
audio 音频元素,用于音频播放,支持缓冲预载和多种音频媒体格式
交互性标签
details 表示一段具体的内容,默认不显示,通过某种方式(单击)与legend交互才会显示datagrid 控制客户端数据与显示,可用于动态脚本及时更新
menu 用于交互菜单
command 用来处理命令按钮
CSS的全称是Cascading Style Sheets,层叠样式表
CSS有3种样式
1 行内样式
<body style="color: red;">
2 页内样式
<style>
body {
color: red;
}
</style>
3 外部样式
<link rel="stylesheet" href="index.css">
选择器
标签选择器
<div>标签</div> div {color: red;}
类选择器
<p class="high">我是一个类选择器</p>
.high {color: red}
id 选择器
<p id="high">我是一个ID选择器</p>
#high {color: red}
并列选择器
复合选择器
后代选择器
直接后代选择器
属性选择器
伪类
选择器优先级排序
important > 内联 > id > 类 > 标签 | 伪类 | 属性选择 > 伪元素 > 通配符 > 继承HTML有N多标签,根据显示的类型,主要可以分为3大类
p块级标签
独占一行的标签
能随时设置宽度和高度(比如div、p、h1、h2、ul、li)
行内标签(内联标签)
多个行内标签能同时显示在一行宽度和高度取决于内容的尺寸(比如span、a、label)
行内-块级标签(内联-块级标签)多个行内-块级标签可以显示在同一行
能随时设置宽度和高度(比如input、button)
RGB(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道,可用于设置透明值
![](https://i-blog.csdnimg.cn/blog_migrate/eeb05c66ba25e9ee13b419d345b94a0c.png)
不新增额外线程的情况下,依然可以对任务进行并行处理(采用事件轮询)
<script type="text/javascript">
</script>
外部JS
<script src="index.js"></script>
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
context是一个绘图的上下文环境
2d是二维图形