博客列表 >前端开发Day02_HTML基础知识

前端开发Day02_HTML基础知识

柏拉图
柏拉图原创
2022年10月16日 00:05:33402浏览

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. <!--默认从1开始: ul>li{item-$}*3 -->
  2. <ul>
  3. <li>item-1</li>
  4. <li>item-2</li>
  5. <li>item-3</li>
  6. </ul>
  7. <!--自定义起始序号: ul>li{item-$@6}*3 -->
  8. <ul>
  9. <li>item-6</li>
  10. <li>item-7</li>
  11. <li>item-8</li>
  12. </ul>
  13. <!--逆序: ul>li{item-$@-1}*3 -->
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议