html5 +css3 第一章学习和笔记
各位同学。身为本版的斑竹。,希望各位童鞋都能学到Html5 .特此没两天更新一个学习笔记和大家一起学习Html5....
语法改变
1.新增的元素和废除的元素
2.新增的属性和废除的属性
3.全局属性
html5和4的区别:DOCTYPE、声明、内容类型、字符的编码的制定方法、元素标记的省略、布尔值的类型、引号的省略
一:html5中的标记方法
1内容类型:.html .htm
2DOCTYPE声明: <!DOCTYPE html>(不区分大小写)
使用SYSTEM识别符<!doctype html system "about:legacy-conmpt>
3指定字符编码。<meta charset="utf-8">
二:可以省略标记的元素
1不允许写结束标记:area 、base br col command embed hr img input keygen meta param source track wbr
2可以省略:li dt dd p rt rp optgroup option colgroup thead tbody tr td th
3可以省略全部:html head body colgroup tbody
三:boolean属性:例如disabled readonly 当只写属性不指定属性值时为true 设置为false为不指定
只写属性不写属性值为true
不写代表为false
属性值=属性名 为true
属性为=null 为true
四:省略号
input type="text" type='text' type=text 这三种方法都行
新增元素和废除的元素
一:结构元素
section:页面中的一个内容区块。可以和h1等结合
artide:页面种一块语上下文不相关的独立内容
aside:楼上内容外的。和楼上相关的辅助信息
header:内容区块或整个页面标题
hgroup:与楼上组合使用
fotter:这个页面或者页面中的一个内容区块的脚注。。作者。日期
nav:页面中导航链接的部分
figure:表示一段独立的刘内容。一般为文档主题六内容中的独立单元
二:其他元素
videp:定义视频
audio:元素定义的音频
embed:插入各种多媒体。mp3
mark:在视频上向用户呈现突出显示或者高亮的文字。用于搜索结果中显示、。可百度。你就懂得了
progress:运行中的进程
meter:度量值。用于最大值和最小值的度量。,min/max
time:表示时间和日期
ruby,rt:字符的解释和发音
rp:ruby注释中使用。定义不支持的
canras:表示一个图形或者一个画布
command:命令按钮
details:元素。用户要求并且可以得到的信息
datalist:可选数据列表。和input结合。制作下拉列表
keygen:生成密钥
ment:菜单的列表
三:新增加的Input
email:必须输入。你懂得O(∩_∩)O哈!
url:一个路径
rumber:一个数值
range:一个范围的数值
date:不解释了。你懂得
四:废除的元素
basefont big center font s strike tt u
font元素允许用所见即所得的编辑器来插入,s元素,strike元素可以用deL元素替代。tt元素用font-family元素
不在使用frame框架。只支持iframe框架 由于存在负面的影响
只有部分浏览器支持的元素apples ,bgsound blink marquee等。 applet元素用embed或者object元素替代。bgsound元素由audio元素 最后一个则有JS替代
其他废除的元素
废除rb元素
废除acronym元素
废除dir元素
废除isindex元素
废除listing元素
废除xmp元素
废除nextid元素
废除plaintext元素
全局属性
contentEditable 是否允许用户编辑元素的内容。true和false
<ignore_js_op>

<ignore_js_op>

designMode 整个页面是否为可编辑、一个on 。off
hidden属性 暂时还没搞明白
tabindex 不断敲击tab 控件获取焦点
html5 +css3 第一章学习和笔记的更多相关文章
- HTML5/CSS3 第一章基础
HTML5/CSS3基础 1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语 ...
- Spring实战第一章学习笔记
Spring实战第一章学习笔记 Java开发的简化 为了降低Java开发的复杂性,Spring采取了以下四种策略: 基于POJO的轻量级和最小侵入性编程: 通过依赖注入和面向接口实现松耦合: 基于切面 ...
- html5+css3第一屏滚屏动画效果
详细内容请点击 在线预览立即下载 html5+css3第一屏滚屏动画效果. 转载自:http://tympanus.net/codrops/2014/05/22/inspiration-for-art ...
- 20172327 2018-2019-1 《第一行代码Android》第一章学习总结
学号 2018-2019-1 <第一行代码Android>第一章学习总结 教材学习内容总结 - Android系统架构: 1.Linux内核层 Android系统是基于Linux内核的,这 ...
- Day1 《机器学习》第一章学习笔记
<机器学习>这本书算是很好的一本了解机器学习知识的一本入门书籍吧,是南京大学周志华老师所著的鸿篇大作,很早就听闻周老师大名了,算是国内机器学习领域少数的大牛了吧,刚好研究生做这个方向相关的 ...
- [蛙蛙推荐]SICP第一章学习笔记-编程入门
本书简介 <计算机程序的构造与解释>这本书是MIT计算机科学学科的入门课程, 大部分学生在学这门课程前都没有接触过程序设计,也就是说这本书是针对编程新手写的. 虽然是入门课程,但起点比较高 ...
- 《零基础学HTML5+CSS3(全彩版)》读书笔记
2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...
- PHP第一章学习——了解PHP(上)
计划开启PHP学习教程,情况如下: 1.采用教程35章48个视频文件 2.时间4月29日-5月6日 共计8天 3.具体划分每天学习章节数不少于5个,预留5-6号时间为五一假期出玩情况 4.要求认真学习 ...
- JavaScript高级程序设计(第4版)-第一章学习
第一章 什么是Javascript 一.历史 JavaScript的名字怎么来的 首先,我们从javascript的历史开始了解,在以前的时候网页要验证某个必填字段是否填写,或者是判断输入的值的正确与 ...
随机推荐
- Z-偏移量
使用Z-偏移量 在一个三维场景中,我们可以对共面的多边形使用z-偏移量来使它们不再共面.这项技术通常用于在场景中正确的显示阴影.例如,一堵墙上的阴影与这堵墙的深度值是相同的,如果我们先渲染了墙再来渲染 ...
- Projective Texture的原理与实现
http://blog.csdn.net/xukunn1226/article/details/775644 Projective Texture是比较常见的一种技术,实现起来代码也就区区的不过百行, ...
- AutoCompleteTextView与TextWatcher的结合
/******************************************************************************************** * au ...
- UVa 699 (二叉树) The Falling Leaves
题意: 按先序方式输入一棵二叉树,节点是带权的,左孩子在父节点的左一个单位,右孩子在父节点的右一个单位,从左到右输出相同水平位置节点之和. 分析: 做了好几道二叉树的题,代码应该也很好理解了.这里ma ...
- UVa 10020 (最小区间覆盖) Minimal coverage
题意: 数轴上有n个闭区间[ai, bi],选择尽量少的区间覆盖一条指定线段[0, m] 算法: [start, end]为已经覆盖到的区间 这是一道贪心 把各个区间先按照左端点从小到大排序,更新st ...
- yum 一些命令
1)列出相关rpm包 yum list mysql* 2)使用指定源 yum --enablerepo=remi install [package] 3)卸载rpm包 yum remove mysql ...
- hdu 2732 Leapin' Lizards(最大流)Mid-Central USA 2005
废话: 这道题不难,稍微构造一下图就可以套最大流的模板了.但是我还是花了好久才解决.一方面是最近确实非常没状态(托词,其实就是最近特别颓废,整天玩游戏看小说,没法静下心来学习),另一方面是不够细心,输 ...
- hdu 3032(博弈sg函数)
题意:与原来基本的尼姆博弈不同的是,可以将一堆石子分成两堆石子也算一步操作,其它的都是一样的. 分析:由于石子的堆数和每一堆石子的数量都很大,所以肯定不能用搜索去求sg函数,现在我们只能通过找规律的办 ...
- C# 中对WinForm窗体中的控件快速设置TableIndex次序
点击“视图”--“Tab键顺序”,然后便可设置.
- 让 PowerDesigner 支持 SQLite!
让 PowerDesigner 支持 SQLite! PowerDesigner是一个功能强大的数据库设计软件,最近正在用其设计新系统的数据库,但由于在项目初级阶段,希望使用轻量级的 SQLite ...