本文用于html笔记自用
HTML 是由
Tim Berners-Lee发明的,它是一种超文本标记语言。我们在代码起手时应该写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
在vscode中,可以借助“!+Tab”完成,head标签中的代码不会再页面中显示,所以style样式通常会放在这个标签里。
常用的表章节的标签:
- 章节:section
- 文章:article
- 段落:p
- 头部:header
- 脚部:footer
- 主要内容:main
- 旁支内容:aside
- 划分:div
全局属性:
- class
- contenteditable
- hidden
- id
- style
- tabindex
contenteditable:可编辑,可用来制作自己的编辑器
tabindex:用于平替鼠标的点击操作,type值等于“0”时,按下Tab键会选中最后一个,type值等于“-1”时,则不会选中那一个模块。
Tips:
id和class的用法大同小异,相当于给标签赋名,再在样式中引用,但由于
id是唯一的,当其重复时,程序不会提示错误,并且两者都会应用同一个样式。所以建议多用class属性,方便排查错误。常用的内容标签:
- 有序列的列表: ol + li
- 无序列的列表: ul + li
- 有描述的列表: dl + dt + dd
- 保留字符中的空格和回车:pre
- 字体等宽:code
- 水平分割线:hr
- 换行:br
- 超链接:a
- 表示语气的强调,默认倾斜:em
- 表示本质的强调,默认加粗:strong
- 表示引用,不会换行:quote
- 表示引用,但是可以换行:blockquote