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的历史开始了解,在以前的时候网页要验证某个必填字段是否填写,或者是判断输入的值的正确与 ...
随机推荐
- CentOS 安装 mono
1. 安装EPEL 2. 安装软件包 yum install bison gettext glib2 freetype fontconfig libpng libpng-devel libX11 li ...
- Open Explorer Plugin for Eclipse (eclipse 插件 在eclipse里面打开文件目录)
就是在eclipse里面直接打开文件所在的目录地址 只要将下面的jar 文件放到你的 “$ECLIPSE_HOME/plugins” 下面,重启eclipse就ok了 要想卸载的话 停止eclip ...
- (转载)UITableView使用详解
在开发iphone的应用时基本上都要用到UITableView,这里讲解一下UITableView的使用方法及代理的调用情况 UITableView使用详解 - (void)viewDidLoad { ...
- BZOJ 3295 动态逆序对
调了好久.... 转化成三维偏序,cdq处理. 好像比较快? #include<iostream> #include<cstdio> #include<cstring&g ...
- BZOJ 1452 Count
长知识啦..二维BIT. #include<iostream> #include<cstdio> #include<cstring> #include<alg ...
- 移植linux(1)
硬件环境:TQ2440 软件环境:linux-2.6.30.4 下载源码:ftp://ftp.kernel.org/pub/linux/kernel/v2.6/linux-2.6.30.4.tar ...
- python练习程序(c100经典例13)
题目: 打印出所有的“水仙花数”,所谓“水仙花数”是指一个三位数,其各位数字立方和等于该数. for i in range(100,1000): a=i/100; b=(i/10)%10; c=i%1 ...
- scala学习笔记(5)
偏应用函数 举个例子 def sum(a: Int, b: Int, c: Int) = a + b + c val a = sum _ println(a(1,2,3)) 实际发生的事情是这样的:名 ...
- dubbo-admin在jdk 1.8上部署出错问题
今天在linux上部署dubbo-admin-2.5.4,一直报错: ERROR context.ContextLoader - Context initialization failedorg.sp ...
- 使用服务器端控制AJAX页面缓存
你知道 response.setHeader("Cache-Control","no-cache"); 这条语句是干什么的吗? 这是用来防止浏览器缓存动态内容生 ...