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的历史开始了解,在以前的时候网页要验证某个必填字段是否填写,或者是判断输入的值的正确与 ...
随机推荐
- Ajax的简单请求案例
$.ajax({ url : rootPath +'/jasframework/choosepilecontrol/querySubsytem.do', type : "POST" ...
- JAVA设计模式之【抽象工厂模式】
1.产品接口,电视和空调 public interface Television // 电视接口 { public void play(); } public interface AirConditi ...
- Python3 学习第八弹: 模块学习一之模块变量
__name__变量 用于判断该python文件是否作为主程序运行.若该文件为导入,__name__值为其文件名,若为主程序,则其值为__main__ 这也就是为什么经常看到有一些python文件中有 ...
- 【笨嘴拙舌WINDOWS】计时器精度
WINDOWS的大多数系统并非实时操作系统,所以不能规定计算机在某个精确到纳秒的时间让计算机做某项任务,如果规定了时间WINDOWS也将需要在完成了线程调度后,经行任务执行! 也就是说,如果你的应用程 ...
- MVC项目中应用富文本编辑器UEditor中的几个坑
UEditor:百度出品 官网连接:http://ueditor.baidu.com/website/ 错误现象:在官网上复制到本地后,上传图片功能不能用, 控制台提示:“请求后台配置项http错误, ...
- poj 1195 mobile phone
题目连接: 题意:要求设计这样一个数据结构,支持下列操作 1.add(x,y,a).对二维数组的第x行,第y列加上a. 2.sum(l,b,r,t).求所有满足l<=x<=r,b<= ...
- gcc与g++
gcc和g++都是GNU(组织)的一个编译器. 误区一:gcc只能编译c代码,g++只能编译c++代码两者都可以,但是请注意:1.后缀为.c的,gcc把它当作是C程序,而g++当作是c++程序:后缀为 ...
- 【转】 ARM Linux 3.x的设备树(Device Tree)
1. ARM Device Tree起源 http://blog.csdn.net/21cnbao/article/details/8457546 Linus Torvalds在2011年3月1 ...
- MySQL连接问题浅析
MySQL的客户端,无论是PHP或者Java,都会发起多个连接来提高系统的吞吐量.在云里面的服务器,因为一些设计和实现上的不同,有一些问题被放大了,同时也带了一些新的问题. 连接的超时时间 在Azur ...
- 【JavaScript学习笔记】调用google搜索
<html> <form method=get action="http://www.google.com/search"> <a href=&quo ...