码迷,mamicode.com
首页 > Web开发 > 详细

html-03 Web标准

时间:2018-12-01 21:55:20      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:htm   https   就是   java   分类   w3c   外观   info   alt   

Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML。

表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是Javascript

理想状态我们的源码:.HTML .css .js

比如,以下是某国内知名电商平台主页:

技术分享图片

在Chrome中按快捷键:Ctrl+Shift+C 打开检查:

技术分享图片

现在删除

技术分享图片

就变成了这个样子:

技术分享图片

以上叫做结构,在结构里,图片、文字尚存在,但是很不美观(想当年诺基亚浏览网页大概就是这个样子的),好在我们有css,刷新一下网页:

技术分享图片

啊~还是原来的样子

而界面中的滚动:

技术分享图片

以及下拉菜单:

技术分享图片

这交互式动作都是通过JS完成的

html-03 Web标准

标签:htm   https   就是   java   分类   w3c   外观   info   alt   

原文地址:https://www.cnblogs.com/thewaytotheway/p/10050676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!