Html主要有<1>文件标记<2>排版标记<3>字体标记<4>清单标记<5>表格标记<6>表单标记<7>图形标记<8>连结标记<9>框架标记<10>影像地图<11>多媒体<12>其他标记<13>StyleSheet等13种主要类型。下面是这十三中常用标记的意义及作用：
<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> 自订标记 独立使用或与样式表同用
在这篇文章中，我们将展示如何创建乖巧离线的网页和应用程序使用下面的HTML5功能：AppCache本地存储文件资源，离线访问它们作为URL
索引型数据库存储结构化数据在本地，你可以访问和查询它
DOM存储在本地存储少量的文字信息，
离线事件来检测，如果你€ 重新连接到网络
例：随时随地访问数据的离线支持
让我们€™的说，你去购物，从您 最喜爱的食品网站 的配方的打印输出，但是当你€™重新在市场上，你塔卡纳€™吨找到一些关键的成分。
试想一下，当你在家中使用移动PC浏览 食谱网站 ，部分网站会自动下载离线使用。这可以让你把你的手机PC到店，访问该网站，并在市场寻找一个新的配方。 最好的部分 是，你可以做到这一点， 而 被连接到网络。作为一个消费者，您的网站感激，因为它只是工作时，你需要它。
离线的'蛋糕'这个词使用的食谱网站的搜索结果。
作为一个开发者，你可以使这些类型的场景相结合的离线技术： AppCache ，索引型数据库 ， DOM存储 ， WebSockets的 （或 XHR ）。 在探索个人的技术，让我们的探讨的好处。
Metro风格的应用程序和网站，离线技术让你来处理连接故障。想象一下，您的用户填写一个表格，他失去网络连接。您的网站或Metro风格的应用程序应该怎么做呢？连接自由发展的心态可以让您的应用程序是否连接到网络或不正确地独立工作。你的应用程序将正常工作。
在更复杂的情况下，Web站点和应用程序允许用户创建新的内容，并存储新的数据，即使应用程序是完全脱机。试想一下，无缝地工作在脱机状态下，如Outlook今天的Outlook Web Access（OWA）的Hotmail或GMail。
离线技术也可以通过本地缓存的资源服务，预缓存将来信息和转移从云（或网络）到客户端设备的处理能力，提高整体性能。信息越多，你€™重新能够缓存在本地，在本地搜索，并计算在本地服务器和用户的体验将更快，需要更少的资源热转印机 。
有一个Metro风格的应用程序离线工作的期望高于网站的脱机工作。因为他们使用从商店的自我包含的程序包部署，用户希望他们有某种类型的离线功能（如游戏，书籍，食谱等）。即使这些应用程序是无法创建或访问新的内容，以前的内容应该是可见的（例如联系人，会议，饲料，杂志等）。
本地缓存文件资源使用AppCache
AppCache使您能够创建长寿命的本地缓存下载的文件资源，资源可以访问而离线或使用的同时在线，以提高性能。试想一下，一个三岁的孩子使用一台笔记本电脑，下载一个交互式的Web的游戏（KidsBook）从您的家庭网络。如果应用程序的资源存储在本地，孩子可以继续在车上玩游戏，那里没有网络连接。
如果KidsBook使用AppCache，本场比赛将有缓存必要的资源（的JavaScript，HTML，CSS，音频，视频等）时，先下载后从网络上断开时，播放的游戏。这可以让孩子保持愉悦，即使设备本身没有网络连接。
AppCache创作流程。
要看到如何启用互动网页游戏脱机工作，检查出 KidsBook的 IE Test Drive网站 上的例子。
AppCache使用一个manifest文件，以缓存的内容从网站上指定资源的URI。幕后发生后，浏览器显示网页，它允许在清单文件中定义的资源被下载的缓存。这保证了资源下载到本地机器上，作为一个单位在一个事务中，创建一个本地的缓存。如果一个单一的资源下载失败，没有创建高速缓存。要更新存储在缓存中的内容，在您的服务器更新清单文件。当用户下次访问该网站时，浏览器比较明显的服务器上的文件的缓存副本。如果缓存的舱单副本是不同的服务器副本，新版本更新清单文件中定义的内容高速缓存的使用。
AppCache还允许Internet Explorer和Metro风格的应用程序在脱机状态下使用传统的URL的访问缓存的资源。这可以让你在浏览器窗口中键入一个URL，并没有任何网络连接的情况下访问此信息。此外，脱机页可以解决的URI使用本地缓存的信息。代码示例来看看在 HTML5应用程序缓存（“œAppCacheâ） 部分中的 IE10开发人员指南 。
总体而言，AppCache提供了一定的优势HTTP的缓存。HTTP缓存没有吨保证缓存的资源之后将TIF（临时Internet文件）将被清除。此外，HTTP缓存没有€™吨正确地解决在脱机状态下的URL。然而，HTTP缓存可用于优化AppCache的行为，通过指定的缓存资源的生命周期。如果从网站上下载或复制的资源从缓存的本地高速缓存中创建一个新的版本时，这将决定。
Metro风格的应用可以受益于AppCache通过在本地缓存的Web资源的访问的页框，它允许脱机访问的内容。
高速缓存大型本地使用索引型数据库的结构化数据
索引型数据库 是一个本地JavaScript对象存储在本地机器上的数据库，允许快速索引和搜索的对象。前面介绍的 食谱网站， 包括16食谱从父站点中提取的数据库。想象一下，用一个RSS feed，一个WebSocket或XHR连接的，定期更新这个数据库。这将使您的用户能够访问到最新的食谱，即使他们有没有网络连接。
索引型数据库，您可以直接 *** 作和索引的JavaScript对象。使用索引型数据库搜索本地信息的优点是它不会强迫你总是在云中搜索，降低了计算成本。这是假设你€™重新能够维持，是缓存在本地系统中的数据的相关性。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）