那天坐在电脑前，老师随口抛出网页的组成元素有哪些这个问题，我当时脑子里空空的，只记得图片和文字，以为就这么两样东西，抱着这个想法点开一个页面的源码，打算自己慢慢捋清楚。
光标在密密麻麻的标签里来回滑动，最先看见的是一大段文字，就是页面上直接读得到的内容，段落长短不一样，有的地方还带着加粗，那会下意识觉得，文字肯定是最基础的一块，没多想就往下翻。然后看见了图片标签，浏览器加载慢的时候，图片位置会先空出来，等一会才慢慢渲染出来，之前浏览页面的时候经常碰到这种情况，一直只把图片当成搭配文字的装饰，没想过它本身也是独立的一部分。
链接。
点一下就能跳到别的页面，文字颜色不一样，鼠标放上去光标会变样子，一开始我还把它归到文字里面，觉得就是一段特殊的字，反复来回切换页面测试，才意识到它和普通文本根本不是一回事，它带着跳转的地址，藏在标签属性里面，不只是看得见的那几个字。跟着又看见表单，输入框、单选小圆圈、提交按钮堆在一块，之前填资料的时候天天碰，输入文字，勾选选项，点一下提交，数据就发出去了，之前完全没把这一块单独当成网页里面的组成部分，只当成一个用来填表的工具。
翻源码翻久了，眼睛发涨，中途还跑偏了，盯着那些尖括号发呆，分不清哪些是给浏览器看的标记，哪些是页面上实实在在展示出来的东西。样式代码混在里面，控制着文字颜色、间距、背景，页面长什么样子全都靠它调整，最开始我直接忽略了这一块，以为样式不算网页的组成元素，只是额外的设置，来回刷新页面对比，删掉一小段样式之后，整个布局直接乱掉，文字堆在一起，图片错位，才慢慢意识到它也在里面起作用。还有脚本，藏在页面底部，页面上那些自动切换的轮播图、弹出的提示框，都是它在运行，之前一直以为轮播图就是几张图片自动播放，不知道背后还有代码在控制时间和点击动作。
同组的同学凑过来看屏幕，说他觉得框架也是，把页面切成好几个区域，一块放导航，一块放主体内容，底部放版权信息。我没认同也没反驳，只是继续往下看，导航栏确实很显眼，一排文字链接排在页面最上方，方便跳转到站点不同板块，有时候做成侧边栏，形式不一样，但作用差不多。页面底部还有一小行不起眼的文字，标注版权，还有图标，小尺寸的图标散落在按钮旁边，代替文字表达意思，看着简单，也是单独放进去的资源。
中间有一段，越找越混乱，分不清资源文件和页面本身的界限，一张图片是单独存着的文件，网页只是引用它，音频视频也是同理，点开之后会播放，加载慢的时候会转圈缓冲，我一会觉得它们算，一会又犹豫，来回刷新好几次，一会加载成功一会加载失败，心态跟着起伏。就是在这个时候才明白，我之前想的太简单了，网页不是简简单单拼上文字图片就行，好多看不见的东西支撑着页面的动作和外观。
折腾到傍晚，也没有整理出一个整齐的清单，只是记下了自己在源码里先后撞见的这些东西，哪些是看得见展示出来的，哪些藏在后台控制行为，界限在我这里一直是模糊的。仅代表我个人当时的情况，不同场景、不同人的体验会存在差异，有人梳理的时候划分方式和我完全不一样，不会把样式脚本单独拎出来说。
关掉网页，把浏览器标签页一个个关掉，桌面剩下空白，脑子里还飘着那些尖括号，没有去整理笔记，打算之后什么时候想起来再重新打开页面看一看。