HTML发明者
HTML诞生于1990年左右,发明者为Tim Berners-Lee。2014年,被英女皇颁发大英帝国爵级司令勋章,2017年,被颁发图灵奖。 他做了以下工作:
- 自己写了第一个浏览器
- 自己写了一个服务器
- 用自己写的浏览器访问了自己写的服务器
- 发明了WWW,同时发明了HTML、HTTP和URL
HTML起手式
前端工作者都会使用Emmet语法来编写代码,它是一种缩写方法,用来提高html和css的编写速度。 那么在用编辑器新建一个html文件之后,起手就会使用Emmet感叹号,结果如下:
HTML常用的表章节标签
- 标题 h1~h6
- 章节 section
- 文章 article
- 段落 p
- 头部 header
- 脚部 footer
- 主要内容 main
- 旁支内容 aside
- 划分 div
这里可以多说一下,HTML标签发展到现在,人们更加希望用合适的标签来表示对应的内容,这也是html的语义化。 这种做法可以让整个页面结构化,维护起来更加方便,也便于浏览器和搜索引擎的解析。
全局属性
全局属性是所有HTML元素都能使用的属性:
| 属性 | 描述 | 备注 |
|---|---|---|
| class | 规定元素的一个或多个类名(引用样式表中的类)。 | |
| contenteditable | 规定元素内容是否可编辑 | |
| hidden | 规定元素仍未或不再相关(隐藏元素) | |
| id | 规定元素的唯一 id | 可能与内置的属性名冲突产生bug,不到万不得已,不要使用id |
| style | 规定元素的行内 CSS 样式 | |
| tabindex | 规定元素的 tab 键次序 | 正数顺序访问,0最后访问,-1不访问 |
| title | 规定有关元素的额外信息 | 一般与form和a标签配合使用,补充信息 |
这里展示一部分,全部的全局属性用法,可以浏览 W3C全局属性介绍
常用的内容标签
| 属性 | 描述 | 备注 |
|---|---|---|
| strong | 强调内容本身重要,通常加粗表示 | 强调程度比em高 |
| em | 强调语气,通常斜体表示 | 强调程度比strong弱 |
| code | 表示一段代码 | 默认等宽 |
| ol | 有序列表 | 搭配li使用 |
| ul | 无需列表 | 搭配li使用 |
| dl+dt+dd | dl表示定义列表,dt表示列表项目,dd表示描述列表项目内容 | |
| pre | 保留文本中的空格和回车键 | |
| hr | 添加水平分格线 | |
| br | 换行 | |
| a | 用来超链接 | |
| quote | 用于简短的行内引用 | 内容较短 |
| blockquote | 用于块的引用 | 内容较长 |