一、非直观tag

1.特点

决定
页面显示的方式
不
在页面上显示

2.按功能梳理tag

文档结构
元数据（补充Response Header）
元数据（迎合搜索引擎）
预处理（性能优化）

二、直观tag

1.特点

表达
内容在文章中的语义
是
页面呈现的元素

2.按功能梳理tag

布局（在纸上画格子）
文本（在格子里写字）
多媒体（来点更丰富的:图片、声音、视频、链接）
表单（接收用户的输入）

3.转义字符

[可参考]
https://tool.oschina.net/commons?type=2
常用

三、公共属性

1.常用

id
唯一标识
name
表单中的键
class
css样式类
data-*
自定义属性
style
css样式

2.特效

title
气泡提示
hidden
隐藏
draggable
可拖动
tabindex
tab键的焦点次序
dir
文字方向（ltr/rtl）
manifest
离线浏览（在.appcache文件中指定要缓存的文件）

1.html强调语义化标签,有了恰当规范的语义,浏览器和搜索引擎才能读懂它
2.这些tag就像汉语的词汇,只要掌握好语义,写html就像写文章