前端开发Day02_HTML基础知识

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 -->