• 第七周作业_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:定义视频
  • 相关阅读:
    POJ 2342 树形DP入门题
    《4》CentOS7.0+OpenStack+kvm云平台部署—配置Nova
    GDI+ 填充背景时,非常多时候不起作用,GDI、GDI+配合运用
    Jave中System.getProperty()获取的值
    NYOJ128 前缀式计算(栈的运用)
    Web安全測试二步走
    一个SQL update语句
    C#时间格式之GMT时间的格式
    粘包的处理
    socket对于大数据的发送和接收
  • 原文地址:https://www.cnblogs.com/linnaf5/p/5399924.html
Copyright © 2020-2023  润新知