本文共 2605 字,大约阅读时间需要 8 分钟。
1.<DOCTYPE html>:HTML5标准网页声明(document type hypertext mark-up language),告知浏览器文档使用哪种HTML或XHTML规范,声明文档解析类型。
2.<!--[if lte IE 6]><![endif]-->:IE6及其以下版本可见。lt(less than),gt(greater than)
<!--[if gt IE 8]><!--> <!--<![endif]-->:如果是高于IE8的版本或上述没有提到的情况,注意关闭标签的格式
3.dir属性规定元素内容的文本方向,dir="ltr":由左到右
4.meta:元数据标签,始终位于head元素中
常用meta属性:
charset是声明文档使用的字符编码,解决乱码问题主要用的就是它,charset一定要写第一行,不然可能会产生乱码。
charset有两种写法:
1.
2.
两个都是等效的。
viewport主要是影响移动端页面布局的,例如:
content 参数:
SEO(Search Engine Optimization):搜索引擎优化相关
● 页面关键词 :每个网页应具有描述该网页内容的一组唯一的关键字。
● 页面描述 :每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
● 搜索引擎搜索方式 :robots(机器人向导),用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all、none、index、noindex、follow、nofollow。默认是all。例如:
● 页面重定向与刷新 :content内的数字代表时间(秒),既多少时间后刷新。如果加url,则会重定向到指定网页(搜索引擎能够自动检测,也很容易被引擎视作误导而受到惩罚)。例如:
上例代码表示5秒之后跳转到博客园首页。
● 页面作者 :以自由格式定义的网页作者的名称。例如:
● 页面版权 :copyright (版权),描述页面的版权。例如:
● 编辑器 :generator是编辑器的说明。例如:
content的值是你所使用的编辑器。
● referrer:html文档控制http请求中的referer。可用的值:
值 | 描述 |
---|---|
never | 删除http请求head中的referer |
always | 不改变http请求dead中的referer的值。注意,这种情况下,如果当前页面使用了https协议, 而要加载的资源使用http协议,加载资源的请求head中也会携带referer。 |
origin | 从当前页面中发起的http请求只携带origin部分。 |
default | 如果当前页面使用的是https协议,而正要加载的资源使用的是普通的http协议,则将http请求 head中的referer置为空。 |
例如,百度首页源码中的:
详情参见:
地理标签,参见:
5.link:定义了当前文档与 Web 集合中其他文档的关系。link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。其中rel属性是核心。
(1) stylesheet -- 调用外部样式表
其中href是目标文档的URL,type则规定了目标URL的MIME类型,而media规定了文档将显示在什么设备上,media: [“screen”:表示显示器设备; "print":表示打印设备;]。
(2) icon -- 定义网站图标
icon属性指定标题栏,地址栏,收藏栏小图标
注意: 1. IE只支持ico格式的favicon; 2. rel属性必须包含shortcut, 才会在IE下显示,所以line1针对IE浏览器
(3) alternate--文档的替代版本(比如打印页、翻译或镜像)
6.MIME(Multipurpse Internet Mail Extensions):描述消息内容类型的因特网标准。
7.<script>标签:链接一个外部脚本文件。
src属性规定外部脚本文件的URL。有时需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,以 .js 为后缀保存,然后使用 <script> 标签中的 src 属性引用该文件。
8.使用 try…catch…finally 执行例外处理
在JavaScript中,我们使用try…catch…finally语句来执行例外处理,即通过它来捕捉错误发生后导致的例外或者执行throw语句产生的例外。它的基本语法如下:
try { // 此处是可能产生例外的语句 } catch(error) { // 此处是负责例外处理的语句 } finally { // 此处是出口语句 }
上述代码中,try块中的语句首先被执行。如果运行中发生了错误,控制就会转移到位于catch块中语句,其中括号中的error参数被作为例外变量传递。否则,catch块的语句被跳过不执行。无论是发生错误时catch块中的语句执行完毕,或者没有发生错误try块中的语句执行完毕,最后将执行finally块中的语句。
9.Typekit也提供在线字库服务