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元 ...
随机推荐
- 洛谷——P1073 最优贸易 （[NOIP2009] ）
https://www.luogu.org/problem/show?pid=1073 题目描述 C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个 城市之间最多 ...
- 51 nod 1189 阶乘分数
题目链接:http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1189 题目思路: 1/n! = 1/x +1/y ==> ...
- opencv cvPreCornerDetect
关于OpenCv中cvPreCornerDetect 运行出错解决方法 http://m.blog.csdn.net/blog/wode0239 由于书本上示例的不全,相信大家在做的时候,肯定是无从下 ...
- C/S与B/S架构比较
一C/S 1.C/S概念 C/S是Client/Server的缩写.服务器通常采用高性能的PC.工作站或小型机,并采用大型数据库系统,如Oracle.Sybase.Informix或 SQL Serv ...
- Java基础学习总结（52）——Liunx系统Centos上搭建Java开发环境
一.安装jdk 1.查看Linux自带的JDK是否已安装 [plain] view plain copy print? java –version 如果出现openjdk,最好还是先卸载掉openjd ...
- 洛谷—— P1069 细胞分裂
https://www.luogu.org/problem/show?pid=1069#sub 题目描述 Hanks 博士是 BT (Bio-Tech,生物技术) 领域的知名专家.现在,他正在为一个细 ...
- HTML、XHTML、css速记
一.HTML 下面内容记录经常使用的html元素.可另存为html文件以查看效果: <!doctype html> <html lang="zh-cn"> ...
- 如何使用 PyCharm 将代码上传到远程服务器上（详细图解）
说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一丶测试说明 1.通过Windows电脑上的PyCharm,将代码上传到虚拟机Ubuntu系统中 需要在虚拟机中安装Ubuntu的 ...
- 【Codeforces Round #443 (Div. 2) C】Short Program
[链接] 我是链接,点我呀:) [题意] 给你一个n行的只和位运算有关的程序. 让你写一个不超过5行的等价程序. 使得对于每个输入,它们的输出都是一样的. [题解] 先假设x=1023,y=0; 即每 ...
- 开发板 视频1 05_01 05_02 05_03 关于ubuntu的一些操作
ctrl+alt+T 打开中端 ctrl+d 退出 ctrl+alt+f1 到f6 进入dos中端 ctrl+alt+f7 是退出 05_02 启动root用户 也就是进入 前面出现root了 ...