HTML+CSS难易错点总结归纳（S1）

S1学期之HTML难易错点总结

目录

• S1学期之HTML难易错点总结
• • HTML篇
  • • 标签

    • • 语义化标签

      • • 标题标签 `

          -

          `

      • 布局标签（结构化语义标签）

      • • 常见的几种图片格式

      • 音视频标签

    • 文档流（normal flow）
  • CSS篇
  • • • 选择器的权重
      • 长度单位
      • 元素的水平方向布局
      • 外边距的折叠（重叠）
      • 浮动元素
      • 高度坍塌问题
      • 定位

HTML篇

标签

1. <meta>标签：用于设置网页中一些元数据1，该标签处于网页的head标签内部

常见属性

属性作用

charset

指定网页的字符集

name

指定数据的名称

content

指定数据的内容

name属性的可选值有:keywords、description

keywords：表示网站的关键字，搜索引擎一般就根据这个关键字来爬取该网页（可以同时指定多个关键字,用逗号(,)隔开）

例如搜索"京东"，就会弹出京东的网页，其实就是因为设置了keywords属性值，看一下京东页面的源代码大家就清楚了

description：表示一个网站的描述，下图红色框圈起来的部分就是description属性值的作用

content属性：设置描述的文字，也就是红色框内的文字

---

2. <a>超链接：可以从一个页面跳转至另一个页面或本页面的其他位置

注意：超链接可以嵌套除它自身外的任何元素标签

一个网页分为三部分组成：结构(html) + 表现(css) + 行为(javascript)

属性

属性值

作用

target

_self 和 _blank

指定超链接的