HTML页面的文档结构与HTML元素的三大通用属性
一、HTML5文档结构
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>Document</title> </head> <body> <!--注释--> </body></html>
二、HTML元素的三大通用属性
| 名称 |
作用 |
优先级 |
代码 |
| id |
获取页面中的唯一元素 |
id>class |
id=”” #id |
| class |
获取页面中的一类元素 |
class<id |
class=”” .class |
| style |
设置元素的内联样式 |
style>id>class |
style=”” |
三、学习收获
- 学习了HTML5文档结构，对html5文档结构有了更深的认识。
- 认识了HTML元素的三大通用属性，id、class、style。
- 用VSCode下载了live sever实时刷新网页预览插件，可以用多种方法来运行，我选择用快捷键ALT+L ALT+O(按住ALT键不松手接着按L键O键)
- 认识了两个全新的函数
let声明的变量，只在let命令所在的代码块内有效
const声明一个只读的常量，一旦声明常量不能改变
