各位同学。身为本版的斑竹。，希望各位童鞋都能学到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>

1.jpg (15.98 KB, 下载次数: 25)

下载附件  保存到图库

2011-7-31 19:38 上传

 

designMode 整个页面是否为可编辑、一个on 。off
          hidden属性 暂时还没搞明白
          tabindex 不断敲击tab 控件获取焦点

html5 +css3 第一章学习和笔记的更多相关文章

  1. HTML5/CSS3 第一章基础

    HTML5/CSS3基础 1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语 ...

  2. Spring实战第一章学习笔记

    Spring实战第一章学习笔记 Java开发的简化 为了降低Java开发的复杂性,Spring采取了以下四种策略: 基于POJO的轻量级和最小侵入性编程: 通过依赖注入和面向接口实现松耦合: 基于切面 ...

  3. html5+css3第一屏滚屏动画效果

    详细内容请点击 在线预览立即下载 html5+css3第一屏滚屏动画效果. 转载自:http://tympanus.net/codrops/2014/05/22/inspiration-for-art ...

  4. 20172327 2018-2019-1 《第一行代码Android》第一章学习总结

    学号 2018-2019-1 <第一行代码Android>第一章学习总结 教材学习内容总结 - Android系统架构: 1.Linux内核层 Android系统是基于Linux内核的,这 ...

  5. Day1 《机器学习》第一章学习笔记

    <机器学习>这本书算是很好的一本了解机器学习知识的一本入门书籍吧,是南京大学周志华老师所著的鸿篇大作,很早就听闻周老师大名了,算是国内机器学习领域少数的大牛了吧,刚好研究生做这个方向相关的 ...

  6. [蛙蛙推荐]SICP第一章学习笔记-编程入门

    本书简介 <计算机程序的构造与解释>这本书是MIT计算机科学学科的入门课程, 大部分学生在学这门课程前都没有接触过程序设计,也就是说这本书是针对编程新手写的. 虽然是入门课程,但起点比较高 ...

  7. 《零基础学HTML5+CSS3(全彩版)》读书笔记

    2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...

  8. PHP第一章学习——了解PHP（上）

    计划开启PHP学习教程,情况如下: 1.采用教程35章48个视频文件 2.时间4月29日-5月6日 共计8天 3.具体划分每天学习章节数不少于5个,预留5-6号时间为五一假期出玩情况 4.要求认真学习 ...

  9. JavaScript高级程序设计（第4版）-第一章学习

    第一章 什么是Javascript 一.历史 JavaScript的名字怎么来的 首先,我们从javascript的历史开始了解,在以前的时候网页要验证某个必填字段是否填写,或者是判断输入的值的正确与 ...

随机推荐

  1. 【温故知新】c#事件event

    从上一篇文章[温故知新]C#委托delegate可知,委托delegate和事件Event非常的相似,区别就是event关键字,给delegate穿上了个“马甲”. 让我们来看官方定义: 类或对象可以 ...

  2. Android 实现布局动态加载

    Android 动态加载布局 通过使用LayoutInflater 每次点击按钮时候去读取布局文件,然后找到布局文件里面的各个VIEW 操作完VIEW 后加载进我们setContentView 方面里 ...

  3. 今天maven install时碰到的两个问题（堆溢出和编译错误）

    问题1.maven install时出现,日志如下: 系统资源不足.有关详细信息,请参阅以下堆栈追踪. java.lang.OutOfMemoryError: Java heap space at c ...

  4. UI开发中的Unit test新工具：网页抓屏比较

    在UI开发中,判断是否正常往往需要看到UI长的模样,所以一般的Unit test无法胜任. 现在有一款通过抓屏而后相素比较的方法,或许对于UI自动化测试能够起到比较好的改进效果. 具体请参见:http ...

  5. 如何在linux中从源代码编译安装nodejs？

    $ sudo yum groupinstall 'Development Tools'安装开发环境$ wget https://nodejs.org/dist/v0.12.2/node-v0.12.2 ...

  6. 【第七篇】bootstrap的3级菜单样式，支持母版页保留打开状态

    razor视图的,母版页 依旧不多说,直接上代码 <ul class="sidebar-menu"> @for (int i = 0; i < mList.Cou ...

  7. Windows下PhpStorm结合WAMP开发Phalcon应用的配置

    最近要利用Phalcon框架开发PHP应用,因为以前基本没接触过PHP更没用过PHP框架,结果整环境整IDE配置什么的花了好长时间 学习慕课网上的PHP入门教程安装了WAMP(windows+apac ...

  8. 详解Android动画之Frame Animation(转)

    在开始实例讲解之前,先引用官方文档中的一段话: Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画.Frame动画可以被定义在XML文件中,也可以完全编码实现. ...

  9. android 语言切换过程分析

    android 语言切换过程分析 2014-02-27 18:13 1207人阅读 评论(0) 收藏 举报 语言切换android语言切换android改变语言 最近在看一个bug,系统切换语言后,本 ...

  10. Struts2的crud

    struts2的crud引出的问题: 1.当Action里面有其他类的实例引用属性时,当要用请求参数为该对象的属性赋值时,如何将其压入栈顶. 2.当有的操作(list)不需要创建该属性的实例对象时,或 ...