【WEB回顾】HTML篇

73 阅读1分钟

标签

语义化标签

  • 如标题使用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>

  • 上标和下标