W3C标准的理解(2015.3.7)

以下都是来自于W3.org的官方解释,我翻译并记录一下,方便以后的思考及理解。有翻译不对或不准确的地方还希望有大神可以指正!

原文地址:www.W3.org

1.HTML&&CSS

HTML (超文本标记语言) and CSS (层叠样式表) 是构建网页的两大核心. HTML提供了网页的结构, CSS the (视听l) 布局, 面向多种设备.  沿着图形和脚本方向,HTML and CSS 是构建网页和WEB应用的基础. 通过以下可以学到更多相关:

1.2什么是HTML

HTML 是构建网页结构的语言, HTML 提供给制作者以下方式:

  • 通过标题文本列表和图片等来发布在线文档;
  • 通过点击按钮来获得超文本链接从而获取在线信息
  • 通过远程服务来设计一些交易表单, 可用于搜索信息,预定, 订购商品等
  • 包括电子表格, 视频音频剪辑, 和其他可用于文档中的应用.
  • 通过 HTML, 制作者通过标记描述网页结构. 内容元素标签 就像 “段落,” “列表,” “表格,” 等.

1.3 什么是XHTML

XHTML是XML句法的一种变体,可拓展的标记语言;XHTML 像HTML变体一样所拥有的一切HTML元素 (像段落等) , 但句法有一些不同. 因为XHTML是XML的一个应用, 你可以对XHTML使用其他的XML的工具 (像XSLT, 一种转换XML内容的语言).

1.4 什么是CSS

CSS 描述网页演示的一种语言, 包括颜色,布局,和字体,它允许去适应各种型号的设备的演示, 像超大屏,小屏, 或打印机. CSS 是独立于HTML存在的但也可应用于任何以XML为基准的其他标记语言, HTML 与CSS 的分离使得其更容易的涵盖站点,在页面之上分享样式表,同时裁切页面来适应各种不同的环境,这涉及到结构从演示的分离。

1.5什么是WEBFONTS

WebFonts 是一种可以使人们应用不需要安装在操作系统内的字体的技术, W3C 在可下载字体方面的经验在通过HTML, CSS2, and SVG. 知道最近, 可下载字体在网络上已经不再那么通用由于缺乏一种可相互操作的字体格式。 WebFonts 致力于通过工业支持的创造来计划解决这个问题, 开放的字体格式 (called "WOFF").

2javascript web apis

随着最出名的通用脚本语言 ECMAscript 的开发 (比 JavaScript更有名)  , 一大波可用于浏览器的API 由W3C定义.

2.1什么是Scripting?

一个脚本是一个在运行之前不需要预先处理的程序代码(e.g. compiling) 。 在网络浏览器的背景下, 脚本通常涉及到用JavaScript写成的程序代码在页面下载完后由浏览器执行, 或是由用户触发一个事件的响应.

脚本可以使网页更加动态. 举个例子, 不通过重加载一个新版本的网页往往会使网页内容被修改, 或者使得网页内容被添加或发送. 前者被称为 DHTML (动态 HTML), 后者被称为 AJAX (异步 JavaScript and XML).

除此之外, 脚本语言增加了开发者创建浏览器和运行平台之间的桥梁的可能性, 举个例子,将从用户的使用环境信息来创建页面, 像当前位置, 地址簿 等.

这种额外的互动使得网页表现的像传统的软件应用. 这些网页常常被称为网页应用 并且可以作WEB页面在浏览器中更加有用或者可以作为一个可以被包装和分配的组件;

2.2 What sctipting interfaces are available?(什么是有用的脚本语言接口)

在W3C中最基础的脚本接口就是DOM了,the Document Object Model 允许程序和脚本去动态的操作和更新内容,文档的结构和样式. DOM  的操作规范也就是动态HTML的核心。

用户用DOM或用脚本来触发时间修改内容 使得开发者可以充分的构建富用户接口。

很多的高级接口都正在被规范化, 例如:

  • XMLHttpRequest 为是实现在网页上加载额外内容而不用通过加载一个新文档,这是AJAX(异步通信)的重要核心组件;
  • the Geolocation API 是使用户的当前位置信息变得可通过浏览器级应用来变得可用;
  • 一些少量的 APIs 使得 Web applications整合了无缝存储与本地文件系统。

WAI ARIA 提供了一种机制来确保这种额外的互动 在独立于设备与障碍之间仍然可用. 额外的注意事项就是手机设备应用的发展;

2.3 Beyond scripting

随着脚本语言提供了很多接口开发与新型用户互动体验的机会,随着时间的推移,声明方法会带来更多益处 ; 举个例子, 作为让每一位开发者重新实现一个让用户去选择时间的日历界面的替代方, 定义了一种input 类型 (<input type=‘date‘ />) 这种自动化会节省更多的时间和避免出错, 同时也带来了一场更加深刻的创新;

通过HTML使得超过声明接口变得更加有用, 几种技术已经开发出了让这些 Declarative Web Applications(可声明的WEB应用)的可能.

时间: 2024-07-29 13:52:43

W3C标准的理解(2015.3.7)的相关文章

web前端面试--对web标准以及W3C标准的理解

答.web标准不是某一个标准,而是一系列标准的集合.网页主要由结构.表现.行为三部分组成,对应的标准有结构化标准语言有XHTML.xml,表现的标准语言有CSS,行为的标准有对象模型(如 w3c dom).ECMAScripe等 w3c的原则: 网站要通过W3C标准,需要注意以下几个问题: 1.XHTML 1.0文件类别宣告的正确写法 (不可小写) A:过度标准(Transitional) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

关于web标准的理解(转)

从开始接触所谓web标准化,差不多也有两年多的时候了吧.从最初的疑惑和彷徨一直到现在,经历了每一个阶段.这段过程是痛苦的也是开心的,痛苦的是这个过程中没有人可以帮你答疑解惑,所有的问题都要你自己去解决(这在初期是痛苦的):开心的是当你成功的走出彷徨以后那份收获的喜悦...... 对于网页的web标准化我对此的理解就是,不应该是table和div之间的取舍,也不应该是用了div布局就是符合标准化.最关键的是对此理解的程度.如果还是以table的思路去写div的话,那还不如直接就用table来布局,

什么是W3C标准?

我们平时说的W3C,其实是World Wide Web Consortium的缩写,中文是W3C组织或者万维网联盟,W3C这个组织做什么的呢?很简单,就是出网页标准的.那么有W3C组织出的标准就被称为 W3C标准,那么符合W3C标准的页面就是标准页面了,好,问题来了~ 什么是W3C标准? [注意]下面对W3C标准的解释,需要理解一下,因为在很多Web前端开发工程师面试的时候会遇到这方面的问题,很多企业在面试一些Web前端技术 人员的时候,认为如果连什么是W3C都不知道,那做出来的页面肯定就不能够

CSS的W3C标准的盒子模型和低版本IE浏览器的盒子模型

CSS中盒子模型的组成由内容区(content).内边距(padding).边框(border).外边距(margin)组成.内边距可细分为 padding-top.padding-right.padding-bottom.padding-left:边框可细分为 border-top.border-right.border-bottom.border-left:外边距可细分为 margin-top.margin-right.margin-bottom.margin-left. 对于盒子模型,W3

IE6与W3C标准的盒模型差异

盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器. 盒子模型 下图就是一个典型的盒子模型示意图 在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的.通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子

符合w3c标准的html标准需要注意的地方

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

[HTML] Google IE-x.js 解决IEx与W3C标准的冲突

如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果.这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug.我们不得不找到一个能平衡于它们之间的解决方法.如png透明问题在IE5.IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现.譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5.IE6下png透明问题.当然还有更多的方法.而现在有种更加完美的方法能兼容IE5.

如何让你的网页符合W3C标准

以下是粘贴来的,觉得写得不错~~借用一下~~ 引子:什么是W3C标准 作为网站技术开发人员而言,往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等),而不是站在网站访问者与搜索引擎角度.因此大部分的网站在浏览方面不够直观或是方便,特别是现在w3c的规范,更是在大部分的网站开发人员脑里一片空白.何况百度 .google.msn.yahoo等专业搜索引擎更有自己的搜索规则及判断网页等级技术,所以网站要优化,优化的目的只有一个:符合标准,符合蜘 蛛爬行的标准,更重要的是符合网站访问者浏

到底啥是w3c标准

W3C标准                                                                                                                                                                                                从两年前接触前端的时候,听说了 w3c 标准 ,是w3c(World Wide Web Consortiu