1.1 YAML是什么?
YAML是“另一个多栏布局(Yet Another Multicolumn Layout)”的缩写。
YAML是XHTML/CSS框架。
YAML可以作为开发弹性布局(流动布局)的基础,它能强有力地应对弹性容器和不同变化单元带来的挑战。
最重要的特点:
- 两种布局方法:普通多列布局+网格(columns + grids),灵活性与易用性兼具
- 广泛的跨浏览器兼容(IE 5.5+),在各种布局下YAML都有良好的表现
- 尽可能小的限制使用者(布局可以使用固定宽度或者弹性宽度等)
- 栏目在显示上和在源码中的顺序可以不同,利于SEO
- 按功能划分样式文件,工作会更有效
- 整合网格系统,使用子模板(subtemplate)几乎能组合成任何布局
使用YAML可以开发出常规一到三栏的流动或者固定宽度布局。每个栏目也可以通过使用子模板(subtemplate)无限的嵌套和扩大。
有两种创建布局的基本方法:
自底向上原则
最开始是一个空白页面,所有的容器必须被创建,定位并使用CSS书写样式。但基本布局还不存在。当构建布局时,设计者必须发觉所有相关的浏览器BUG,并且避免这些BUG或者使用HACK。
自顶向下原则
设计者从一个有着跨浏览器兼容性、有基本功能的模块骨架的布局开始,此布局包含所有常用的页面元素。然后按照自己的想法修改这个基础布局,最后通过移除布局中不必要的元素优化XHTML和CSS代码。
YAML基于自顶向下原则。“搭积木”和“框架”这两个词能够最好的描述YAML。
1.2 YAML不是什么?
YAML并不是一个预先完成的布局,这听起来与”自顶向下“原则原则相违背。没有对特殊设计要求的优化,无用的元素(HTML/CSS)只是多余的(就像轮船中的压仓物,应该丢弃)。
作者注释:
YAML框架提供跨浏览器兼容的基础布局以及许多有用的CSS组件,让设计者有更多时间和精力放在设计创新。如果把YAML作为一个完成了的布局重复使用,那么这些网页就像是那些连成一片的房子——千篇一律。
当然不强迫使用YAML和所有组件作为布局的初稿。实际使用YAML时保持代码简洁干净,维护和调整代码将变得更简单。布局完成后应该清除不必要的(X)HTML代码和CSS文件。
1.3 框架的优点
YAML不仅仅是简单的多栏布局,它是一个完整的布局框架,高度灵活并在真实环境条件经过测试。YAML提供不同的模块并确保他们能完美地一起工作。YAML框架的一些优点:
浏览器兼容性
YAML的组件都经过充分的测试,确保在所有现代浏览器下有相同的表现。必要的HACK也被构建进框架之中,最大程度减少各种常规布局的测试时间。
积木原理
模块化设计允许使用提供的代码特别高效的布局设计。
基本的组件结合起来形成一个基础但功能完全的布局,附加的组件用于完善或修改基础的布局。
例子包含了使用basemod.css布局以及打印样式可能的简单变化。
布局灵活
YAM不只提供一个简单的三栏布局。栏目的顺序可以任意调换,因为浮动的动态特性,很容易改为单栏或两栏的布局。栏目和布局的宽度可以使用任何量度单位定义,你甚至可以在同一页面使用各种单位。
健壮的代码
把XHTML和CSS构建成独立组件,保证了布局框架与实际内容分离。
1.4 关于版本更新
YAML框架不断地更新。每个新版本的变化和新增内容都会在更新日志中记录,如果有必要会附加文件。由于分开放置YAML与用户CSS,更新YAML会很容易。
对于我这种对前端CSS不熟的人来说用YMAL BUILDING来建立网页布局特别方便
http://builder.yaml.de/
这是YAML的在线生成工具的网站,用FF打开,不支持IE6
分享到:
相关推荐
ymal文件详解
Linux运维-运维课程d1-自动化工具ansible概述与常用模块-18-playbook介绍-YMAL格式介
tenant-management.yaml
YAML 到 XML 或 JSON 转换器 ================================================== ====== 安装 npm install -g yamltoxmljson 用法 usage: yamltoxmljson ./config.json config.json 示例 { ...
简单的工具,用于修改和搜索yaml文件,同时保持原始文件格式。 Yamlpal使用自己的版本的“ yamlpath”(类似于xpath的语法)来标识yaml文件中的元素。 基本用法: # Installation pip install yamlpal # ...
利用opencv编写的一段YAML文件的建立的程序代码
Ansible是一款为类Unix系统开发的自由开源的配置和自动化工具。它用Python写成,类似于saltstack和Puppet,但是有一个不同和优点是我们不需要在节点中安装任何客户端。它使用SSH来和节点进行通信。Ansible基于 ...
Kyligence Zen 物流行业北极星指标及数据文件 对应操作博客可查看:https://blog.csdn.net/weixin_39074599/article/details/126826885?spm=1001.2014.3001.5502
owncloud+mysql docker-compose 有问题可私信
yml_comparer YML比较器 这是Java实现YML提供块的比较 用法: yml_comparer <old> 结果由<OfferId><r><n><m><p> ,其中 OfferId是要约的ID r表示要约已在删除的信号 在添加了n要约的信号 在修改了要约的m信号 ...
starageClass等的yaml安装文件
在kubernetes组件安装完成后,大家在安装kubernetes的可视化图形web界面所需下载的yaml文件
dashboard:v2.0.0 image 和YMAL文件
课程目标 快速的掌握分库的实战,即插即用适用人群IT从业人员,开发人员,Java从业者,互联网从业者,性能调优人群课程简介 ShardingSphere是一套开源的分布式数据库中间件解决方案组成的生态圈。...
这是k8s config yaml文件
Fibertree笔记本 Docker容器中的Fibertree Jupyter笔记本 启动容器 从此存储库中将docker-compose.yaml.example复制到否则为空目录的docker-compose.yaml中 cd到包含docker-compose.yaml文件的目录 ...
使用方法使用以下命令将同级目录下的user_info.yaml文件中的表定义信息提取出来,提取的结果存储在同级目录下的user_info.txt文件中,如果user_info.txt文件已存在,那么会覆盖已有内容。go run yamlConvertToStruct...
ingress的yaml文件