在进行进一步的了解CSS排版之前, 有必要对浏览器如何构建网页有一个基本的认识. 本篇主要讲述CRP--Critical Render Path关键渲染路径中网页是如何被生成处理和展示的, 这对理解HTML的解析和CSS排版原理有一个基础的背景知识. 这也许是初学者不容易意识到…

CSS选择器是CSS的主体内容. 选择器字如其名, 通过一些标识特征, 选中DOM中的元素( 伪元素选择器则不然, 后文会提及 ). 上一篇文章初略地列举了选择器地类型和优先级. 本文会详细整理选择器的相关核心知识. 更具三大优先级进行划分为特点的, 有四种. 结构特点划分, …

本章开始复盘CSS系列的核心知识 . CSS并不像HTML或者JS那样有丰富的标准体系. 更多的是零散的草案和一些阅读性不高的文档规范. 所以复盘CSS更多将从概念和实践结合以达到成体系地复盘地目的. CSS的实践和奇技淫巧太多了, 这里知识做个大概的知识复盘, 将一些学习中遗…

本篇博客大致回忆下表单表格的特点, 用法和注意事项. 还有重点复盘下ARIA系统的概念. 你要是看了高赞的分析, 估计对table的弊端有大致的了解了. 个人认为web的发展并没有改变多少table的本质. table本意就是拿来渲染表格数据的, 按道理来说没什么问题, 各司其…

上篇博客提到了链接, 主要讲述的是link, a, script等链接型元素. 与之相对的是嵌入在网页中的内容, 嵌入内容对应的嵌入型元素主要是一些多媒体标签. 它们主要是img, video, audio, iframe等. 本文一一复盘. 开始复盘前, 先理解一下嵌入型和链…

html元数据即在head标签中的部分, 主要是描述了网页的一些重要的信息和媒体链接. 大多情况下是提供给浏览器爬虫和机器阅读的. 链接作为网页的互联的基石, 在head中链接有link和script两种形式. 本文归纳常见的元数据和链接的重要知识. head本身没有意义, 只…

语义化标签应该是HTML5基本的规范要求, 对于良好的web语义化, 不单是说表义上理解的标签语义, 语义化最大的好处是方便机器识别. 特别是在一些视障人群和阅读模式的适配. 良好的语义化更有利于网页SEO, 增加曝光. 这些应该是初级入门时了解到的语义化的相关程度. 而对于深…

大多数大学是不会将前后端之类具体职业设立为专业的, 即使开设有前端相关课程, 较多都是以jsp和一些接近过时的网页开发知识. 原因有二: ①高校培养人才目的不是为了岗位培养, 而是为了综合性的指标, 个人成长, 社会价值和行业发展. ②前端变化太快了, 大学老师旨在授课于知识的…