博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端学习tips
阅读量:4100 次
发布时间:2019-05-25

本文共 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 参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)

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也提供在线字库服务

  上述代码中,try块中的语句首先被执行。如果运行中发生了错误,控制就会转移到位于catch块中语句,其中括号中的error参数被作为例外变量传递。否则,catch块的语句被跳过不执行。无论是发生错误时catch块中的语句执行完毕,或者没有发生错误try块中的语句执行完毕,最后将执行finally块中的语句。

你可能感兴趣的文章
编程差的程序员,90%都是吃了数学的亏!骨灰级开发:方法不对,努力也白费...
查看>>
都无代码了,还要程序员吗?
查看>>
面试想拿 10K,HR 说我只配7k?
查看>>
副业过万的程序员都知道的网站有哪些
查看>>
那些人生“开挂”的程序员,都在干什么?
查看>>
影响科学圈的那些计算机代码
查看>>
乐视视频 App 图标改为“欠 122 亿”,网友:我在别家分红包,却在你家随份子!...
查看>>
乔布斯18岁求职信拍卖价22.24万美元,值吗?
查看>>
为何程序员总喜欢写技术博客,看完恍然大悟...
查看>>
假如计算机是中国人发明的,那代码应该这么写
查看>>
科技公司最爱的 50 款开源工具,你都用过吗?
查看>>
触目惊心:比特币到底消耗了多少能源?
查看>>
面试官:简历上敢写技术精通?那我就不客气了!
查看>>
如何判断一家互联网公司要倒闭了?
查看>>
想快速上手机器学习?来看下这个 GitHub 项目!
查看>>
GitHub 标星 3.6k,一本开源的深度学习中文教程!
查看>>
9 款你不能错过的 JSON 工具
查看>>
就在昨天,全球 42 亿 IPv4 地址宣告耗尽!
查看>>
200页!分享珍藏很久的Python学习知识手册(附链接)
查看>>
程序员之神
查看>>