html5-1 网页结构描述
html5-1 网页结构描述
一、总结
一句话总结：注意head中的title，keywords，description，这对seo优化很有帮助
1、如何给某元素动态使用类似onclick方法？
点onclick，然后在onclick中添加事件即可
28 $('div').mouseenter(function(){
2、jquery中如何使用setInterval函数？
和在js中一模一样
31 setInterval(function(){
32 s+=v;
33 $('div').css({'transform':'rotate('+s+'deg)'});
34 },10);
3、jquery中如何设置css？
点css，然后是，大括号，里面键值对，都加引号
33 $('div').css({'transform':'rotate('+s+'deg)'});
4、设置动画的关键字是什么？
transform
33 $('div').css({'transform':'rotate('+s+'deg)'});
5、!doctype html> 是什么？
html5文档声明
二、网页结构描述
文档类型:
<!doctype html> 网站代码结构:
<html>
<head>
<meta charset="UTF-8">
#设置浏览器的阅读编码 <title>云知梦-太原PHP培训|山西PHP培训</title>
#设置网站首页的标题 <meta name="keywords" content="山西PHP培训,太原PHP培训,山西PHP开发>
#设置网站的关键字 <meta name="description" content="云知梦PHP培训-致力于PHP培训、LAMP技术培训,只为有梦想的人。>
#网站描述
</head> <body>
<h1>云知梦，只为有梦想的人!</h1>
<h1>云知梦，只为有梦想的人!</h1>
#可见的网站骨架或实体内容 </body>
</html>
三、代码
页面中图片旋转实例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小帅</title>
<!-- css样式设计 -->
<style>
div{
width:256px;
height:256px;
border:10px inset #f00;
margin:0 auto;
background: #ccc;
border-radius:256px;
cursor: pointer;
}
</style>
<script src="jquery.js"></script>
</head>
<!-- html标签 -->
<body>
<div>
<img src="xs.png" alt="">
</div>
</body>
<!-- js特效 -->
<script>
$('div').mouseenter(function(){
s=0;
v=10;
setInterval(function(){
s+=v;
$('div').css({'transform':'rotate('+s+'deg)'});
},10);
});
</script>
</html>
html5-1 网页结构描述的更多相关文章
- 读书笔记：《HTML5开发手册》--HTML5新的结构元素
读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...
- 【原】HTML5 新增的结构元素——能用并不代表对了
做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.html ...
- 15个前卫的 HTML5 & CSS3 网页设计作品
今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站.在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例. 响应式设计和基于 HTML5 & CSS3 编码的网 ...
- HTML5 常用的结构化标签整理
一.语义化结构化标签 结构化标签优点: 1.方便浏览器处理和识别,提升了网页的质量和语义. 2.减少了大量无意义的div标签,增强代码的可读性. 结构化标签:(header,nav,body,arti ...
- HTML5文档结构语义：页眉的header和hgroup标签使用
HTML5提供了新的结构元素——例如header.hgroup.article.section.footer.nav等来定义网页,将使网页结构更加简洁严谨,语义更加结构化,而不用迂回通过class或i ...
- 【重构前端知识体系之HTML】HTML5给网页音频带来的变化
[重构前端知识体系之HTML]HTML5给网页音频带来的变化 引言 音乐播放,相信大家都很熟悉,但是早在之前的音乐播放之前,你的浏览器会问你,是否下载flash插件.然而现在,估计一些年轻的开发者都不 ...
- 32+激发灵感的HTML5/CSS3网页设计教程
HTML5是寄托在HTML4基础上取得了的广泛成就.这不仅意味着你不必完全放弃现有的一些标记,而是可以借鉴,以加强 它. CSS3也以同样的方式在互联网内容的安排下,提供了它的柔韧性.CSS3是开 ...
- MongoDB学习笔记(四) 用MongoDB的文档结构描述数据关系
MongoDB的集合(collection)可以看做关系型数据库的表,文档对象(document)可以看做关系型数据库的一条记录.但两者并不完全对等.表的结构是固定的,MongoDB集合并没有这个约束 ...
- HTML5新增与结构有关的元素
HTML5新增与结构有关的元素 1.section元素 2.article元素 3.aside元素 4.header元素 5.hgroup元素 6.footer元素 7.nav元素 8.figure元 ...
随机推荐
- unity3d 改动gui label颜色，定义颜色需除以256
GUIStyle titleStyle2 = new GUIStyle(); titleStyle2.fontSize = 20; titleStyle2.normal.textColor = new ...
- Android学习笔记之Bitmap位图虽触摸点移动
package xiaosi.bitmap; import android.app.Activity; import android.os.Bundle; public class mianActiv ...
- HTML5 API 是什么
HTML5 API 是什么 一.总结 1.html5有很多好的api可以用:例如绘图的canvas,获取地理位置的,获取手机电池信息的等等,后面用的时候可以百度 2.html5 API是什么:html ...
- Android 技巧 - Debug 判断不再用 BuildConfig
Android 开发中一般会通过 BuildConfig.DEBUG 判断是否是 Debug 模式,从而做一些在 Debug 模式才开启的特殊操作,比如打印日志.这样好处是不用在发布前去主动修改,因为 ...
- 关于程序中delay函数带来的繁琐问题
导致“滴滴”声音不准确的原因是因为,串口屏幕发送信息的时候会有delay() 的延迟. 得到的教训就是,无论在什么地方,最好都不要加delay的延迟.否则含有delay的子 函数加入到其他模块中,就会 ...
- 洛谷 P1808 单词分类_NOI导刊2011提高（01）
P1808 单词分类_NOI导刊2011提高(01) 题目描述 Oliver为了学好英语决定苦背单词,但很快他发现要直接记住杂乱无章的单词非常困难,他决定对单词进行分类. 两个单词可以分为一类当且仅当 ...
- amazeui学习笔记--css（常用组件15）--CSS动画Animation
amazeui学习笔记--css(常用组件15)--CSS动画Animation 一.总结 1.css3动画封装:CSS3 动画封装,浏览器需支持 CSS3 动画. Class 描述 .am-anim ...
- iOS_06_基本运算符
一.算术运算 c语言一共有34种运算符,包括了常见的加减乘除 1.加法运算+ # 除了能做加法运算,还能表示正号:+5.+90 2.减法运算- # 除了能做减法运算,还能表示符号:-10.-200 3 ...
- Centos minimal 安装桌面
yum update yum groupinstall -y 'X Window System' yum groupinstall -y 'Desktop' #中文支持 yum groupinstal ...
- 定制表格头, 学习Core Graphic 的第二部分, 阴影与玻璃效果.
//定制表格头, 学习Core Graphic 的第二部分, 阴影与玻璃效果. https://github.com/comcuter/testsnippets/commit/e96f62d115ef ...