标签
语义化标签
- 如标题使用h1,而不是<span style='font-size: 32px'>,span标签在浏览器看来没有任何语义, 通过语义化、浏览器可以知道这是标题、
- 浏览器不认识你所要表达的、只能通过html提供的标签来识别
- 浏览器可以通过标签识别重要关键字来提高排名(SEO)
- 浏览器可以阅读标签内容来帮助视力障碍者阅读网站
- 我们要敬畏语义,做到正确选用元素
<!DOCTYPE>
- 设置文档类型:<!DOCTYPE html>、 能自动检测错误
<html>
- 设置语言:<html lang="zh-CN">
<meta>
- 设置字符集编码:<meta charset="utf-8">
- 许多meta元素还包含了name和content两个属性、如设置描述<meta name="description" content="描述">(keyword已废弃)
<link>
- 设置网站小图标:<link rel="icon" href="图片地址">
- 引入样式:<link rel="stylesheet" href="my-css-file.css">
<script>
- 使用script最好加上defer来告诉浏览器解析完html之后再加载script、因为脚本访问不存在的元素会报错
<a>
- 使用title属性可以在鼠标停留时显示title(abbr标签具有同样的效果)
<sup> / <sub>
-
上标和下标