`
yzd
  • 浏览: 1858649 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

【HTML+CSS+JavaScript】网页实战开发笔记之二—关于Web标准,你不能不知道的事

 
阅读更多



相信大家对Web标准都有所耳闻了。今天我们就来介绍Web标准相关的一些最核心的知识,在了解其概念后,大家在网页制作过程中才能做到有的放矢,在全局上把握各种技术,做起网页来更加得心应手。



Web标准在业界已经成为了一种网页制作的非强制性规范,是很多网站表现层技术标准的集合,由著名的W3C组织制定。

所谓表现层技术,即网页前台技术,包括HTML、XHTML、CSS、JavaScript等。




Web标准大体可分为三大块——结构、表现和行为。

下面我们来分条说明这三大块的具体内容:



结构:用于网站数据的分类与整合。包含在结构部分的技术有HTML、XHTML和XML。

HTML用于制作绝大部分传统的网页。

XML是一种可扩展的语言,主要用于数据信息的描述,拥有非常好的扩展性。但由于XML还不适合传统网页制作,所以XML目前经常作为各种程序之间数据转换的工具来使用。

XHTML在HTML的基础上,以XML的规范进行升级,作为今后向XML过渡的网页制作语言。



表现:即信息在浏览器显示上的控制。主要有CSS、XSL等。

CSS用于描述HTML及XHTML页面的整体布局设计,并负责各子元素的显示控制。

XSL用于XML文档的显示表现描述,当前使用较少。



行为:用于用户对网页文档进行交互操作的技术,其相关技术为DOM何ECMAScript脚本语言。

DOM,即文档对象模型,使制作者更方便地访问页面的数据、表现层对象等。

ECMAScript是由CMA组织制定的标准脚本语言,主要为JavaScript技术。





符合Web标准的页面尽量将Web内容的结构、表现和行为相分离,也可以看做表现与内容分离,这样带来的好处是显而易见的,主要有以下四点好处:


<1>代码的可读性提高,代码维护复杂度降低。依据Web标准编写的网页由于内容部分和表现部分分离,其结构非常清晰,便于修改和维护。


<2>网页数据移植更简单、跨平台更方便。


<3>加快浏览速度,提升浏览体验。由于代码重用性高,所以符合Web标准的页面文件比传统网页尺寸小很多,解析器的速度也快,用户的浏览体验必将提升。


<4>可扩展性强大。正因为符合Web标准编写的网页内容部分和表现部分相分离,所以改版和升级网页将非常简单。



这节都是关于Web标准的核心概念性知识,到这里也就讲解完了。




以上就是本节笔记的全部内容,请大家继续关注【HTML+CSS+JavaScript】网页实战开发笔记系列,谢谢大家的支持~~~


Theend

分享到:
评论

相关推荐

    Html、CSS、GIt、Linux、nodejs、JavaScript、Vue、MySQL等学习笔记.zip

    JavaScript是Web开发中不可或缺的语言,它负责处理网页的动态行为,如表单验证、异步数据交互等。 Vue.js是一个轻量级的前端框架,以其易学易用和高可维护性而受到欢迎。Vue通过组件化开发模式,简化了前端复杂项目...

    JavaScript 学习笔记

    JavaScript是Web开发中不可或缺的一部分,它是一种轻量级的脚本语言,主要应用于浏览器环境,为网页添加交互性。这份“JavaScript学习笔记”涵盖了JavaScript的基础、进阶以及与HTML、CSS和DOM的协同工作等内容,...

    Node+Express+Mongoose车展项目入门到实战课件、笔记、资料、代码及数据库.zip

    本课程主要围绕“Node.js+Express+Mongoose”这一技术栈,通过构建一个完整的车展项目,带领学习者从基础入门到实战演练,深入理解和掌握Web开发中的关键技能。以下是相关知识点的详细介绍: **Node.js**: Node.js...

    web前端学习笔记.docx编程资料

    ### Web前端学习笔记知识点概述 #### 一、Web基础知识 ##### 1.1 Web与Internet - **Internet**: 是一个全球性的计算机互联网络,提供多种服务如Telnet、Email、WWW、BBS、FTP等。它基于分组交换原理及TCP/IP协议...

    Web京东网站制作(视频、源码和笔记)

    - CSS样式设计:教授如何利用CSS3新特性美化网页,实现响应式布局,使网站在不同设备上均能良好显示。 - JavaScript交互功能:介绍JavaScript基本语法,并通过实战案例教学如何为网站添加动态效果与交互逻辑。 - ...

    韩顺平笔记集合

    《韩顺平笔记集合》是韩顺平老师精心编写的IT学习资料,涵盖了Web前端到后端开发的多个重要领域。这些笔记以其详尽、全面的特点,为学习者提供了宝贵的资源,尤其适合初学者和进阶者巩固知识体系。下面,我们将深入...

    前端入门和进阶学习笔记超详细的图文教程

    在前端开发领域,JavaScript是不可或缺的核心技术之一,它为网页带来了动态交互性,使得Web应用更加生动、用户体验更佳。本教程"前端入门和进阶学习笔记超详细的图文教程"旨在帮助初学者从零基础开始,逐步掌握...

    知了问答 flask实战项目笔记

    在IT领域,Web开发是不可或缺的一部分,而Python的Flask框架因其轻量级、灵活的特性,深受开发者喜爱。本笔记将聚焦于使用Flask构建一个问答平台的实践过程,帮助读者深入理解和掌握Flask的核心功能以及在实际项目中...

    基于ASP的笔记本销售网站的设计与实现(源代码+论文).zip

    【标题解析】 "基于ASP的笔记本销售网站的设计与实现"这一标题揭示了这是一个...通过这个项目,开发者不仅可以学习到ASP的实战技能,还能了解到一个完整的Web项目从概念到实现的全过程,对于提升Web开发能力非常有益。

    老男孩python全栈开发学习笔记.zip_Python全栈_harborkyi_python 全栈开发_全栈_老男孩 pyth

    4. **前端技术**:全栈开发需要理解前端技术,包括HTML、CSS和JavaScript的基本概念,以及React或Vue.js等现代前端框架的使用。 5. **API设计与RESTful**:介绍如何设计和实现RESTful API,理解状态码、HTTP方法和...

    斑码教育大前端课堂笔记-html第三天

    斑码教育的课堂笔记不仅包含了这些理论知识,还通过具体的案例进行实战演练,使学习者能更好地理解和运用。对于自学前端的朋友来说,这是一份非常宝贵的资源。随着课程的更新,你可以期待更多的实践案例和前沿技术的...

    传智播客绿色视频网项目实战公开课素材和代码下载

    在本资源包中,我们关注的是“传智播客绿色视频网项目实战公开课”的素材与代码下载,这是一项旨在帮助学习者提升Web开发技能的实践性教学内容。这个项目主要是一个静态网页项目,这意味着它主要由HTML、CSS和...

    jonvin.github.io:javascript,html,css,vue,

    JavaScript 是一种广泛用于网页和网络应用的编程语言,是现代网页开发不可或缺的部分。它是一种轻量级的解释型脚本语言,支持事件驱动、函数式以及基于原型的编程风格。在网页中,JavaScript 主要负责动态交互,如...

    老男孩教育前端笔记

    1. **HTML5基础**:HTML5是现代网页的标准,学习HTML5意味着要理解新的标签、属性和语义化元素,如、、等,以及如何使用Canvas、SVG进行图形绘制。 2. **CSS3进阶**:CSS3引入了许多新特性,如选择器、动画、过渡、...

    爱旅行网站web源码

    综合来看,"爱旅行网站web源码"是一个涵盖Web应用开发多个方面的项目,包括但不限于后端服务开发、数据库交互、前端界面设计和社交功能集成。对于想要学习或扩展旅游类Web应用的人来说,这是一个宝贵的资源,可以...

    HTML5 SNL开场文字动画特效.zip

    CSS3引入了新的选择器、伪类和属性,如`transition`和`animation`,它们使得不依赖JavaScript也能创建出复杂的动画。例如,可以使用`@keyframes`定义动画的关键帧,然后应用到元素上,使其在一定时间内从一种样式...

    Python爬虫全套学习流程+源码+笔记,初学者可以参考学习.zip

    Python简洁的语法使得初学者能快速上手,为后续爬虫开发打下坚实基础。 2. **HTTP/HTTPS协议**:爬虫工作在Web上,理解HTTP/HTTPS协议是必不可少的。你需要了解请求方法(GET、POST等)、响应状态码、请求头和响应...

    我自己做的一个笔记完整的博客项目

    【描述】:“这是我自己做的一个博客项目,能跑起来百分之90以上的功能!” 描述中提到的90%以上功能能够运行,表明这个项目在功能实现上已经相当成熟。这包括但不限于用户注册与登录、文章发布和浏览、评论互动、...

    基于WEB程序设计基础-浙江大学(13)

    4. **AJAX与异步通信**:在Web开发中,AJAX(Asynchronous JavaScript and XML)允许页面在不刷新的情况下与服务器交换数据并更新部分网页内容。学生会学习XMLHttpRequest对象的使用,以及现代浏览器中的fetch API。...

Global site tag (gtag.js) - Google Analytics