HTML标签与属性参考 | Ehoac の Site

meta 元信息

元信息：指的是对信息进行描述的信息

name:
- generator: 向搜索引擎说明页面是使用哪种工具软件开发的
- keywords: 向搜索引擎说明页面的关键词是什么，不同的词语使用英文逗号分开（也可使用其它标点符号分隔）
- description: 描述信息，向搜索引擎概括性的介绍网页的主要内容
- author: 作者
- copyright：版权
- renderer：渲染内核
- robots：文件的检索方式
  - all：文件被检索，且页面上的链接可以被查询
  - none：文件不被检索，且页面上的链接不可以被查询
  - index：文件被检索
  - fllow：且页面上的链接可以被查询
  - noindex：文件不被检索，且页面上的链接可以被查询(不让 robot/spider 登录)
  - nofllow：文件不被检索，且页面上的链接可以被查询(不让 robot/spider 顺着此链接向下查询)
http-equiv:
- content-type: 设置网页内容的编码形式
- content-language: 用于说明网页所使用的语言
- refresh: 用于定时让网页在指定时间内刷新或跳转到其它页面
- expires: 设定网页的到期时间（GMT 时间格式）
- pragma: 设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从 Cache 中再调用
- set-cookie: 设置 cookie 的过期时间，如果网页过期，存盘的 cookie 将被删除。（GMT 时间格式）
- pics-label: 进行网页的等级评定
- windows-target: 告知网页在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个 frame 页调用，即防止被钓鱼
- page-enter: 设定进入网页时的特殊效果（当前页面不能是 frame 页面）
- page-exit: 设定网页离开时的特殊效果（当前页面不能是 frame 页面）

<meta name="robot" content="all" />
<meta http-equiv="Refresh" content="n;url=http://192.168.15.8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT" />

charset: 设置字符编码

1	<meta charset="utf-8" />

常用标签

网页结构

html
- body
- head
  - meta
  - title

css、js 引入

link：引入外部 css 文件
style：样式
script：引入外部 js 或定义 js 代码

常用布局标签

div：分隔
h1：标题 1
h2：标题 2
h3：标题 3
h4：标题 4
h5：标题 5
h6：标题 6
p：段落
ol：有序列表
ul：无序列表
li：列表项目
dl：自定义列表
dt：定义术语
dd：定义描述
hr：水平线

特殊功能标签

a：定义锚
img：定义图像

段落文本处理

span：范围
em：加重文本（重要）
strong：加重文本（很重要）
br：换行
b：加粗文本
i：斜体文本

表格类标签

table：表
caption：表格标题
thead：表格头部
tbody：表格主体
tfoot：表格脚
col：表格列
colgroup：数据列组
tr：行
td：表格数据单元
th：表头数据单元

表单类标签

form：形状
fieldset：域组
legend：图例
label：标签
input：文本区域
textarea：文本区域
select：可选择的列表
option：选项
optgroup：选项组
button：发送按钮

其它标签

address：地址
abbr：缩写词
acronym：取首字母的缩写词
big：大文本
blockquote：区块引用语
cite：引用（引文）
code：源代码
dfn：定义条目
kbd：键盘文本
q：引用语
small：小文本
sub：上标文本
samp：示例
tt：打印机文本
u：下划线文本
var：变量