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的历史开始了解,在以前的时候网页要验证某个必填字段是否填写,或者是判断输入的值的正确与 ...
随机推荐
- 浅析JavaScript之Function类型
JavaScript中的函数实际上是对象,每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上只是指向函数对象的指针,保存函数在堆内存中的地 ...
- 【转+分析】JAVA: 为什么要使用"抽象类"? 使用"抽象类"有什么好处?
老是在想为什么要引用抽象类,一般类不就够用了吗.一般类里定义的方法,子类也可以覆盖,没必要定义成抽象的啊. 看了下面的文章,明白了一点. 其实不是说抽象类有什么用,一般类确实也能满足应用,但是现实中确 ...
- 深入.NET框架 项目--魔兽登录系统
创建魔兽系统相关窗体: 登录窗体(frmLogin) 注册窗体(frmRegister) 主窗体 (frmMain) 实现魔兽登录系统: 登录的界面如下 实现思路: 1.创建一个对象数组,长度为1 ...
- POJ 2528 (线段树 离散化) Mayor's posters
离散化其实就是把所有端点放在一起,然后排序去个重就好了. 比如说去重以后的端点个数为m,那这m个点就构成m-1个小区间.然后给这m-1个小区间编号1~m-1,再用线段树来做就行了. 具体思路是,从最后 ...
- PHP学习笔记05——面向对象
<?php //1. 类的声明(包括构造方法.析构方法) class PersonA { var $name; //成员属性,用var声明 public $age; //当有其他修饰的时候,就不 ...
- ecshop显示所有分类树栏目
1.找到 category.php 和goods.php 两个文件修改: $smarty->assign('categories', get_categories_tree(0)); // 分类 ...
- JS一般般的网页重构可以使用Node.js做些什么(转)
一.非计算机背景前端如何快速了解Node.js? 做前端的应该都听过Node.js,偏开发背景的童鞋应该都玩过. 对于一些没有计算机背景的,工作内容以静态页面呈现为主的前端,可能并未把玩过Node.j ...
- jquery validate如何不提交表单就做验证(ajax提交数据)
if($("#FromID").valid()){ $.ajax({ type:'post', url:'/CampaignOrderRelations/save', data:{ ...
- Linux下的Memcache安装
Linux下Memcache服务器端的安装服务器端主要是安装memcache服务器端,目前的最新版本是 memcached-1.3.0 .下载:http://www.danga.com/memcach ...
- Struts2配置细节
struts.xml中 action中配置 如果是返回到网页则 /AA/XX.jsp 如果是返回到action则看namespace然后传参数,如果是同一个namespace则直接写上返回的actio ...