HTML是什么
HTML全称为超文本标记语言，它是WWW(万维网)的组成部分,是一种标记语言。
由来
HTML由 Tim Berners-Lee与其同事创立与1900年，HTML Tages这篇文章标志这HTML的诞生。
发展
原始的HTML
- 一共18个元素
- 除a标签外，其他设计深受SGMLguid影响
- 这些元素还有11个使用至今
title h1~h2 a base nextid address dl/dt/dd hp1/hp2/... isindex ul/li plaintext menu listing dir p
HTML5技术集
HTML5有两个含义
- 最新版的HTLM语言，包含旧标签和32个新标签。
- HTML5和包括CSS 3在内的新技术集合
- 新标签，新属性
- 离线存储技术：LocalStorage、断网检测
- 新的通信技术：WebSockets、WebRTC等
- 多媒体技术：视频、音频
- 图像技术：Canvas、SVG、WebGL
- Web增强技术：History API、全屏
- 设备相关技术：摄像头、触摸屏
- 新的样式技术：CSS新的Flex、Grid布局样式
HTML起手式
Emmet 感叹号
- 推荐在固定的地方新建目录，如html-demo-1
- 打开VSCode，将新建目录拖入VSCode
- 在目录中新建文件index.html，切换至index.html
- index.html中输入!,按下tab键
- 将lang="en"中的en改为zh-CN,title标签里改写为中文标题
章节标签
表示章节/书的层级
常用章节标签有：
- 标题 h1~h6
- 章节 section
- 文章 article
- 段落 p
- 头部 header
- 脚部 footer
- 主要内容 main
- 旁支内容 aside
- 划分 div
全局属性
是所有标签都有的属性
全局属性有：
- class 规定元素的类名
- contenteditable 规定元素是否可编辑
- hidden 隐藏段落
- id 为元素定义唯一标识符，慎用
- style 定义标签样式
- tabindex 控制tab选取顺序；数字不用连续，0表示最后一个，负数表示不访问
- title 显示元素的额外内容
内容标签
内容属性有：
- ol+li 有顺序的列表
- ul+li 无顺序的列表
- dl+dt+dd 描述列表；描述对象+描述内容
- pre 包裹对象保留空格和换行符
- code 显示一段代码，字体等宽
- hr 水平分割线
- br 打断，用于换行
- a 超链接
- em 强调，为语气上的强调
- strong 重要，强调内容本身的重要性
- q 引用
- blockquote 块引用，换行的引用
