<HTML> 文件声明 让浏览器知道这是 HTML 文件
<HEAD> 开头 提供文件整体资讯
<TITLE> 标题 定义文件标题,将显示于浏览顶端
<BODY> 本文 设计文件格式及内文所在
排版标记
<!--注解--> 说明标记 为文件加上说明,但不被显示
<P> 段落标记 为字、画、表格等之间留一空白行
<BR> 换行标记 令字、画、表格等显示于下一行
<HR> 水平线 插入一条水平线
<CENTER> 居中 令字、画、表格等显示于中间
<PRE> 预设格式 令文件按照原始码的排列方式显示
<DIV> 区隔标记 设定字、画、表格等的摆放位置
<NOBR> 不折行 令文字不因太长而绕行
<WBR> 建议折行 预设折行部位
字体标记
<STRONG> 加重语气 产生字体加粗 Bold 的效果
<B> 粗体标记 产生字体加粗的效果
<EM> 强调标记 字体出现斜体效果
<I> 斜体标记 字体出现斜体效果
<TT> 打字字体 Courier字体,字母宽度相同
<U> 加上底线 加上底线
<H1> 一级标题标记 变粗变大加宽,程度与级数反比
<H2> 二级标题标记 将字体变粗变大加宽
<H3> 三级标题标记 将字体变粗变大加宽
<H4> 四级标题标记 将字体变粗变大加宽
<H5> 五级标题标记 将字体变粗变大加宽
<H6> 六级标题标记 将字体变粗变大加宽
<FONT> 字形标记 设定字形、大小、颜色
<BASEFONT> 基准字形标记 设定所有字形、大小、颜色
<BIG> 字体加大 令字体稍为加大
<SMALL> 字体缩细 令字体稍为缩细
<STRIKE> 画线删除 为字体加一删除线
<CODE> 程式码 字体稍为加宽如<TT>
<KBD> 键盘字 字体稍为加宽,单一空白
<SAMP> 范例 字体稍为加宽如<TT>
<VAR> 变数 斜体效果
<CITE> 传记引述 斜体效果
<BLOCKQUOTE> 引述文字区块 缩排字体
<DFN> 述语定义 斜体效果
<ADDRESS> 地址标记 斜体效果
<SUB> 下标字 指数
<SUP> 下标字 下标字
清单标记
<OL> 顺序清单 清单项目将以数字、字母顺序排列
<UL> 无序清单 清单项目将以圆点排列
<LI> 清单项目 每一标记标示一项清单项目
<MENU> 选单清单 清单项目将以圆点排列,如<UL>
<DIR> 目录清单 清单项目将以圆点排列,如<UL>
<DL> 定义清单 清单分两层出现
<DT> 定义条目 标示该项定义的标题
<DD> 定义内容 标示定义内容
表格标记
<TABLE> 表格标记 设定该表格的各项参数
<CAPTION> 表格标题 做成一打通列以填入表格标题
<TR> 表格列 设定该表格的列
<TD> 表格栏 设定该表格的栏
<TH> 表格标头 相等于<TD>,但其内之字体会变粗
表单标记
<FORM> 表单标记 决定单一表单的运作模式
<TEXTAREA> 文字区块 提供文字方盒以输入较大量文字
<INPUT> 输入标记 决定输入形式
<SELECT> 选择标记 建立 pop-up 卷动清单
<OPTION> 选项 每一标记标示一个选项
图形标记
<IMG> 图形标记 用以插入图形及设定图形属性
连接标记
<A> 连结标记 加入连结
<BASE> 基准标记 可将相对 URL 转绝对及指定连结目标
框架标记
<FRAMESET> 框架设定 设定框架
<FRAME> 框窗设定 设定框窗
<IFRAME> 页内框架 于网页中间插入框架
<NOFRAMES> 不支援框架 设定当浏览器不支援框架时的提示
影视地图
<MAP> 影像地图名称 设定影像地图名称
<AREA> 连结区域 设定各连结区域
多媒体
<BGSOUND> 背景声音 于背景播放声音或音乐
<EMBED> 多媒体 加入声音、音乐或影像
其他标记
<MARQUEE> 走动文字 令文字左右走动
<BLINK> 闪烁文字 闪烁文字
<ISINDEX> 页内寻找器 可输入关键字寻找于该一页
<META> 开头定义 让浏览器知道这是 HTML 文件
<LINK> 关系定义 定义该文件与其他 URL 的关系
StyleSheet
<STYLE> 样式表 控制网页版面
<span> 自订标记 独立使用或与样式表同用
h5是html的最新版本,是14年由w3c完成标准制定。增强了,浏览器的原生功能,减少浏览器插件(eg:flash)的应用,提高用户体验满意度,让开发更加方便。
- h5新增的标签
新增元素
说明
video 表示一段视频并提供播放的用户界面
audio 表示音频
canvas 表示位图区域
source 为video和audio提供数据源
track 为video和audio指定字母
svg 定义矢量图
code 代码段
figure 和文档有关的图例
figcaption 图例的说明
main
time 日期和时间值
mark 高亮的引用文字
datalist 提供给其他控件的预定义选项
keygen 秘钥对生成器控件
output 计算值
progress 进度条
menu 菜单
embed 嵌入的外部资源
menuitem 用户可点击的菜单项
menu 菜单
template
section
nav
aside
article
footer
header
- css3
css3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面
选择器
框模型
背景和边框
border-radius、box-shadow、border-image、
background-size:规定背景图片的尺寸
background-origin:规定背景图片的定位区域
background-clip:规定背景的绘制区域
文本效果(常用)
text-shadow:设置文字阴影
word-wrap:强制换行
word-break
css3提出@font-face规则,规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range
2/3D转换
transform:向元素应用2/3D转换
transition:过渡
动画
@keyframes规则:
animation、animation-name、animation-duration等
用户界面(常用)
box-sizing、resize
css3新增伪类
:nth-child()
:nth-last-child()
:only-child
:last-child
:nth-of-type()
:only-of-type()
:empty
:target 这个伪类允许我们选择基于URL的元素,如果这个元素有一个识别器(比如跟着一个#),那么:target会对使用这个ID识别器的元素增加样式。
:enabled
:disabled
:checked
:not