HTML 基础
一、html 文档结构
标签和属性
1.元素、标签和属性
2.html 文档结构
3.html 根元素
二、html 渲染方式
1.自动修复功能:校正语法,补充缺失元素
2.显示顺序:与书写顺序一致,从左至右,从上至下。人工干预时会同步或异步显示。
三、html页面三宝
页面三宝:html、css、js
1.element : DOM元素
2.css : 层叠样式表
3.javascript : 前端脚本
vue组件由页面三宝组成,SPA单页面应用也是基于三宝
其中,重点是 emment 语法:
1.标签与内容:'{text}'
- 没写标签时,默认是
div
2.属性与语法糖:'{attr}'
- 定义:语法糖就是一种简化;
id
,class
是高频,通用属性,emment
为它定制了语法糖
id:用 # class:用.
3.重复:*
连续生成标签
4.层级关系:父子 >
5.平级关系:兄弟 +
6.上一级:父级 ^
7.分组:(..)
8.序号: $
,$@
<!--默认从1开始: ul>li{item-$}*3 -->
<ul>
<li>item-1</li>
<li>item-2</li>
<li>item-3</li>
</ul>
<!--自定义起始序号: ul>li{item-$@6}*3 -->
<ul>
<li>item-6</li>
<li>item-7</li>
<li>item-8</li>
</ul>
<!--逆序: ul>li{item-$@-1}*3 -->