web

作者: 青青玉立 | 来源:发表于2018-06-06 17:01 被阅读0次

    web标准

    结构(html)、表现(css)、行为(js)

    html5与html4的区别

    HTML4:

        Web浏览器间的兼容性低

        文档结构不够明确

        Web应用程序的功能受到限制(比如:不允许同时上传多个文件)

        指定字符编码 :    <meta http-equiv=‶content-type″ content=‶text/html; charset=UTF-8″>

    HTML5:

        HTML5不需要指明是HTML的哪个版本,只使用<!DOCTYPE html>即可

        指定字符编码 :     <meta charset=‶UTF-8″>

        使用 <canvas> 标签代替flash

        新增<header>和<footer> <section> <article> <menu> <figure> <audio> <video> 标签

        删除 <b>和<font>  <frame> <center> <big> 标签

    新增的元素:

    section:表示页面中内容块,比如章节、页眉、页脚或页面中的其他部分,可与<h1>到<h6>结合使用表示文档结构

    article: 表示页面中一块与上下文不相关的独立内容,比如博客中的一篇文章或报纸中的一篇文章

    aside:表示article内容之外,与article内容相关的辅助信息。

    header:表示页面中的区域块,通常用它表示标题。

    hgroup:用于对整个页面或页面中标题进行整合。

    footer:表示页面中的区域块,通常表示区域快的脚部或底部,用于承载作者姓名、创作日期等与作者的元素。

    nav:表示页面中导航部分。

    figure:表示一段独立的流内容,一般表示主体流内容的一个独立单元

    video:定义电影片段、视频流等视频。

    audio:定义音乐或音频流。

    canvas:画布,本身没有行为,仅提供一块画布,但它的API展现给JavaScript及脚本,能够把想绘制的东西绘制在canvas上

    新增的input元素的类型

        email:表示必须输的email地址

        url:表示文本框输入的一个地址

        number:表示数字

        range:表示数字范围值

        DataPickers:表示日历的日期、时间

    全局属性:

    contentEditable属性

    允许用户编辑元素中内容,使用该属性的元素必须为可以获得鼠标焦点的元素,而且在点击鼠标后向用户提供一个插入符号,提示用户该元素允许进行编辑。

    是boolean值类型,可以设为true、false或继承状态。其中,true代表可编辑,false代表不可编辑,当未指定true或false时与父元素的继承状态相同。

    designMode属性

    用来指定整个页面是否可编辑,当页面可编辑时,页面中所有支持contentEditable属性的元素都变为可编辑状况。designMode属性只能在JavaScript脚本中被修改、编辑。属性值可取on(可编辑)或off(不可编辑)。

    hidden属性

    HTML5中所有元素都允许使用hidden属性,该属性类似于input元素中hidden元素,boolean值,可设为true(不可见)、false(可见)。当某元素的hidden属性值为true时,浏览器不渲染该元素,使该元素处于不可见状态,但浏览器创建该元素内容,即页面加载后允许使用JavaScript脚本将该属性值取消,使该元素可见。

    spellcheck属性

    针对input(type=text)与textarea这两个文本输入框提供的一个新属性,主要对用户输入内容进行拼写与语法检查。属性值为boolean值,可取true或false。

    tableindex属性

    当点击Tab键时,让窗口或页面中可获得焦点的链接元素或表单元素进行遍历,tableindex表示该元素第几个被访问到。

    若tableindex值为"-1"时表示无法获取该元素.

    废除的元素:

        frame框架

    可扩展标记语言 和 超文本标记语言

    可扩展标记语言设计用来传输和存储数据 其焦点是数据的内容

    超文本标记语言被设计用来显示数据 其焦点是数据的外观

    可扩展标记语言 它是独立于软件和硬件的信息传输工具

    xml称为可扩展标记性语言

    XML由3个部分构成,它们分别是:文档类型定义(Document Type Definition,DTD),即XML的布局语言;可扩展的样式语言(Extensible Style Language,XSL),即XML的样式表语言;以及可扩展链接语言(Extensible Link Language,XLL)

    XML语言的特点

    1. xml中的每对标记通常被称为节点,他们是成对出现而且必须是成对出现的,用来描写这个节点存储的内容

    2. 用于描述数据的各个节点可以自由扩展

    3. xml文件中的节点区分大小写

    一个XML文件分为如下几部分:

    1> 文档声明   2> 元素  3> 属性   4> 注释  

    5> CDATA区 、特殊字符   6>处理指令(processing instruction)

    Xml文件中的注释采用:  <!-- 注释-->格式

    对于CDATA区域内的内容,XML解析程序不会处理,而是直接原封不动的输出  <![CDATA[ 内容 ]]>

    处理指令,简称PI (processing instruction)。处理指令用来指挥解析引擎如何解析XML文档内容

    <?xml-stylesheet type="text/css" href="css文件名.css"?>

    超文本标记语言:

    超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

    超文本标记语言的结构包括头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容

    相关文章

      网友评论

          本文标题:web

          本文链接:https://www.haomeiwen.com/subject/caabsftx.html