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),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
网友评论