祖师爷
Tim Berners-Lee,祖师爷在上,赏口饭吃。
HTML 起手式
Emmet!
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie-edge">
<title>Document</title>
</head>
<body>
</body>
</html>
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">禁用缩放,兼容手机 -
<meta http-equiv="X-UA-Compatible" content="ie-edge">告诉IE使用最新内核
章节的标签
- 标题 h1-h6
- 章节 section
- 文章 article
- 段落 p
- 头部 header
- 脚部 footer
- 主要内容 main
- 旁支内容 aside
- 划分 div
全局属性
- class
- contenteditable
- 可编辑的,可用于做编辑器
- hidden
- id
- 尽量少用,重复编辑器不会提示,可能会导致出错
- style
- JS设置样式优先级 > 行内 style 属性 > style 标签
- tabindex
- 设置 tab 键标记的顺序,可以不连续。tabindex=0:最后访问, tabindex=-1:不访问
- title
- 鼠标悬停时显示的提示内容
内容标签
- ol+li (ordered list + list item)
- ul+li (unordered list + list item)
- dl+dt+dd (description list + term +data)
- pre (preview)
- hr 分隔线
- br (break) 换行
- a (anchor)
- em (emphasis) 语气,默认样式斜体
- strong 本质,默认样式粗体
- code
- q (quote) 引用
- blockquote 换行引用