zoukankan      html  css  js  c++  java
  • 第七周作业_2013551605

    一、关于html5

    html5出现意图:
        web浏览器之间的兼容性很低,文档结构不够明确,web应用程序的功能收到了限制

    1、html5新特性

        用于绘画的canvas标签;
        用于媒介回放的video和audio元素;
        对本地离线储存的更好支持;
        新的特殊内容元素;如:article、footer、header、nav、section
        新的表单控件;如:calendar、date、time、email、url、search
     
    html5与html4的区别:
    1、语法的改变:
        (1)DOCTYPE声明:原版本需要明确声明版本,现在只需要<!DOCTYPE html>。
     (2)字符编码:html4需要声明很多,<meta http-equiv="Content-Type" content="text/html; charset=utf-8">,html5则很简略<meta charset="UTF-8">
       (3)可以省略标记的元素
       (4)具有boolean值得属性
       (5)省略引号
    2、新增的元素和废除的元素
     

    3、新增的全局元素
        contenteditable:规定元素是否可编辑;
        contextmenu:规定元素的上下文菜单。上下文菜单在用户点击元素时显示(目前只有firefox支持);
        draggable:规定元素是否可拖动;
        dropzone:规定元素拖动时是否进行复制、移动或链接;
        spellcheck:规定是否对元素进行拼写或语法检查;
        translate:规定是否应该翻译元素内容;
    4、新增的主体结构元素
        article:代表文档,页面或应用程序中独立的、完整的、可以独自被外部引用的内容
        section:对于网站或应用程序中页面上的内容进行分块(不要将section元素作为设置样式的页面容器,那是div工作,没有标题内容不要使用section元素)
        nav:可以作为页面导航连接组,其中的导航元素链接到其他页面或当前页面的其他部分
        aside:表示当前或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条
    5、新增的非主体结构元素    
        header、footer、hgroup、address
    6、html5表单
        (1)输入类型:
                email:如:<input type="email" name="user_email" />自动验证email域的值
          url:
          number:<input type="number" name="points" min="1" max="10" />
          range:包含一定范围内  数字值的输入域,显示为滑动条
          日期选择器: 
    • date - 选取日、月、年
    • month - 选取月、年
    • week - 选取周和年
    • time - 选取时间(小时和分钟)
    • datetime - 选取时间、日、月、年(UTC 时间)
    • datetime-local - 选取时间、日、月、年(本地时间)
        (2)表单元素:
          datalist:datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id
          如: 
       (3)表单属性:     

        新的 form 属性:

    • autocomplete
    • novalidate:规定在提交表单时不应该验证 form 或 input 域。

       新的 input 属性:

    • autocomplete:规定 form 或 input 域应该拥有自动完成功能。
    • autofocus:规定在页面加载时,域自动地获得焦点。
    • form:规定输入域所属的一个或多个表单。
    • form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
    • 表单重写属性有:

      • formaction - 重写表单的 action 属性
      • formenctype - 重写表单的 enctype 属性
      • formmethod - 重写表单的 method 属性
      • formnovalidate - 重写表单的 novalidate 属性
      • formtarget - 重写表单的 target 属性
    • height 和 width:规定用于 image 类型的 input 标签的图像高度和宽度。
    • list:规定输入域的 datalist。datalist 是输入域的选项列表。
    • min, max 和 step:用于为包含数字或日期的 input 类型规定限定(约束)。
    • multiple:规定输入域中可选择多个值。
    • pattern (regexp):规定用于验证 input 域的模式(pattern)。是正则表达式
    • placeholder:提供一种提示(hint),描述输入域所期待的值。
    • required:规定必须在提交之前填写输入域(不能为空)。
       
    7、新增加的其他标签:
        audio:定义声音

        canvas:定义图形,比如图表和其他图像。只是图形容器,必须使用脚本来绘制图形。
    通过 getContext("2d")获得Context对象该对象提供了用于在画布上绘图的方法和属性。
    figure:标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
    figcaption:定义figure元素的标题
    例:<figure>
         <figcaption>黄浦江上的的卢浦大桥</figcaption>
         <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
        </figure>
    details:标签用于描述文档或文档某个部分的细节
    summary:此标签配合details使用,可为details定义标题。标题是可见的,用户点击标题时,details会显示出来。
    mark:突出显示部分文本。
    progress:与js一起使用,用来显示任务的进度。<progress value="22" max="100"></progress>max规定任务一共需要多少工作,value表示现在完成的任务量。 
    meter:定义已知范围或分数值内的标量测量。也被称为尺度,例子:磁盘用量、查询结果的相关性。不应用于进度
    ol:定义有序列表。新属性:compact:规定的列表的呈现效果比正常情况更小。reversed:(reversed)规定列表顺序为降序。start:规定有序列表的起始值。type:规定在列表中的标记类型
    dl:定义了定义列表。结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目)
    cite:通常表示它所包含的文本对某个参考文献的引用。
    embed:定义外部交互内容或插件
    video:定义视频
  • 相关阅读:
    从句分析
    artDialog ( v 6.0.2 ) content 参数引入页面 html 内容
    Java实现 LeetCode 13 罗马数字转整数
    Java实现 LeetCode 13 罗马数字转整数
    Java实现 LeetCode 13 罗马数字转整数
    Java实现 LeetCode 12 整数转罗马数字
    Java实现 LeetCode 12 整数转罗马数字
    Java实现 LeetCode 12 整数转罗马数字
    Java实现 LeetCode 11 盛最多水的容器
    Java实现 LeetCode 11 盛最多水的容器
  • 原文地址:https://www.cnblogs.com/linnaf5/p/5399924.html
Copyright © 2011-2022 走看看