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元 ...
随机推荐
- 洛谷 P2692 覆盖
P2692 覆盖 题目背景 WSR的学校有B个男生和G个女生都来到一个巨大的操场上扫地. 题目描述 操场可以看成是N 行M 列的方格矩阵,如下图(1)是一个4 行5 列的方格矩阵.每个男生负责打扫一些 ...
- php訪问mysql数据库
PHP訪问Mysql数据库 PHP能够通过mysql接口和mysqli接口訪问mysql数据库. 须要加入mysql和mysqli接口才干訪问mysql数据库. windows下配置amp: a.安装 ...
- Activity启动过程源代码分析
事实上写分析源代码文章总会显得非常复杂非常乏味,可是梳理自己看源代码时的一些总结也是一种提高. 这篇博客分析下Activity启动过程源代码,我会尽量说得简单点. 个人的观点是看源代码不能看得太细,否 ...
- 【iOS开发-29】解决方式：TabBar的图片不显示，仅仅显示灰色的正方形
(1)现象 tabbar上的图片变成一块正方形的灰色块块,原先的图片没有了. (2)原因 tabbar上的图片本质上不是一个图片.而是一个形状图片.系统对我们使用的图片也仅仅是把当中的形状" ...
- 用c实现的各种排序的方法
#include <stdio.h> void swap(int *a, int *b); void bubble_sort(int a[], int n); void select_so ...
- item-设置可见性
如果我们想要设置menu中item的可见行,有两种方式: 1.直接在menu的xml代码中设置 <menu> <item android:id="@+id/action_h ...
- java sort
MyString mySs[]=new MyString[result.length];//创建自定义排序的数组 for (int i = 0; i < result.length; i++) ...
- JS中的发布订阅模式
一. 你是如何理解发布订阅模式的 JS中的设计模式: 单例模式:处理业务逻辑 构造原型模式:封装类库,组件,框架,插件等 类库:jQuery 只是提供了一些常用的方法,可以应用到任何的项目中,不具备业 ...
- 【CS Round #48 (Div. 2 only)】Water Volume
[链接]h在这里写链接 [题意] 在这里写题意 [题解] 枚举0在哪个位置就好. [错的次数] 0 [反思] 在这了写反思 [代码] #include <bits/stdc++.h> us ...
- Codeforces Round #258 (Div. 2)——B. Sort the Array
B. Sort the Array time limit per test 1 second memory limit per test 256 megabytes input standard in ...