Primary:HTML{二、页面各类标签的使用(不常用)}

Meta(应该是完整版)

声明文档使用的字符编码:
<meta charset="utf-8" />
声明文档的兼容模式:
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式显示内容
定义对页面的描述:
<meta name="description" content="HTML5COL学院提供高质量HTML5教学" />
定义页面的最新版本:
<meta name="revised" content="Frank, 2016/3/1" />

SEO 优化

页面描述
<meta name="description" content="不超过850个字符"/>
定义针对搜索引擎的关键词:
<meta name="keywords" content="HTML5COL学院, HTML5, CSS3, JavaScript" />
定义网页作者:
<meta name="author" content="HTML5COL" />
定义网页搜索引擎索引方式,使用英文逗号「,」分隔,常有如下几种取值:none,noindex,nofollow,all,index和follow:
<meta name="robots" content="index,follow" />
为移动设备添加 viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
参数说明
content参数 释义 
width viewport 宽度(数值/device-width) 
height viewport 高度(数值/device-height) 
initial-scale 初始缩放比例 
maximum-scale 最大缩放比例 
minimum-scale 最小缩放比例 
user-scalable 是否允许用户缩放(yes/no) 

ISO 设备

添加到主屏后的标题(iOS 6开始):
<meta name="apple-mobile-web-app-title" content="标题" />
设置状态栏的背景颜色:
<meta name="apple-mobile-web-app-title" content="yes" />
是否启用 WebApp 全屏模式:
<meta name="apple-mobile-web-app-capable" content="yes" />
设置状态栏的背景颜色:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
注:只有在 "apple-mobile-web-app-capable" content="yes" 时生效
content 参数:
content参数 释义 
default 默认值,网页内容从状态栏底部开始 
black 状态栏背景是黑色,网页内容从状态栏底部开始 
black-translucent 状态栏背景是黑色半透明,网页内容充满整个屏幕,顶部会被状态栏遮挡 

Windows 8

Windows 8 磁贴颜色:
<meta name="msapplication-TileColor" content="#000" />
Windows 8 磁贴图标:
<meta name="msapplication-TileImage" content="icon.png" />
其他
禁止数字识自动别为电话号码:
<meta name="format-detection" content="telephone=no" />
不让android识别邮箱:
<meta name="format-detection" content="email=no" />
每 8 秒刷新一次页面:
<meta http-equiv="refresh" content="8" />

Marquee(文字滚动)

behavior="SCROLL" 
决定文字的卷动方式,可选值为: 
SCROLL 一般卷动,是内定值。 
SLIDE 如幻灯片,一格格的,效果是文字一接触左边便全部消失。 
ALTERNATE 文字向左右两边撞来撞去。 
direction="LEFT" 
设定文字的卷动方向,LEFT 表示向左,是内定值,RIGHT 表示向右。 
bgcolor="#0000FF" 
设定文字卷动范围的背景颜色。 
height="30" width="150" 
设定文字卷动范围,可采用相对或绝对,如 30% 或 30 等,单位为像素。 
hspace="0" vspace="0" 
设定文字的水平及垂直空白位置。 
loop="INFINITE" 
设定文字卷动次数,其值可以是正整数或 INFINITE,INFINITE 是内定值,表示无 限次。 
scrollamount="30" 
每「格」文字之间的间隔,单位是像素。 
scrolldelay="500" 
文字卷动的停顿时间,单位是毫秒。

HTML标记

HTML 标记一览
 
标记 类型 译名或意义 作 用 备注 
文件标记 
<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> ○ 页内框架 于网页中间插入框架 IE 
<NOFRAMES> ● 不支援框架 设定当浏览器不支援框架时的提示   
影像地图 
<MAP> ● 影像地图名称 设定影像地图名称   
<AREA> ○ 连结区域 设定各连结区域   
多媒体 
<BGSOUND> ○ 背景声音 于背景播放声音或音乐 IE 
<EMBED> ○ 多媒体 加入声音、音乐或影像   
其他标记 
<MARQUEE> ● 走动文字 令文字左右走动 IE 
<BLINK> ● 闪烁文字 闪烁文字 NC 
<ISINDEX> ○ 页内寻找器 可输入关键字寻找于该一页 反对 
<META> ○ 开头定义 让浏览器知道这是 HTML 文件   
<LINK> ○ 关系定义 定义该文件与其他 URL 的关系   
StyleSheet 
<STYLE> ● 样式表 控制网页版面   
<span> ● 自订标记 独立使用或与样式表同用   

注: 

● 表示该标记属围堵标记,即需要关闭标记如 </标记>。 
○ 表示该标记属空标记,即不需要关闭标记。 
IE 表示该标记只适用于 Internet Explorer。 
NC 表示该标记只适用于 Netscape Communicator。 
反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。 
弃用 表示该标记己为 W3C 所弃用,是过时的标记,但 HTML 具向下兼容的特 性,不用担心新浏览器不支援旧标记。 
新 表示该标记是 HTML 4.0 中新增的。 
 

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,755评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,369评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,799评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,910评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,096评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,159评论 3 411
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,917评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,360评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,673评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,814评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,509评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,156评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,123评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,641评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,728评论 2 351

推荐阅读更多精彩内容

  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 728评论 0 2
  • 第一章 1、使用浏览器去访问的程序,叫网页 2、web代码存放在服务器 代码分为两种:① 运行在浏览器端:前端代...
    fastwe阅读 3,399评论 0 2
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,229评论 1 41
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,377评论 0 17
  • 在WebStorm中新建一个html文件,默认的模板是下面这样的: <html lang="en"> 上面这句有的...
    愿你如夏日清凉的风阅读 1,442评论 0 2