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