HTML-day10

html的a标签属性rel='nofollow'有什么作用？

　nofollow 是HTML页面中a标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。

　　nofollow的作用?

1. 防止不可信的内容，最常见的是博客上的垃圾留言与评论中为了获取外链的垃圾链接，为了防止页面指向一些拉圾页面和站点。
2. 为了防止付费链接影响Google的搜索结果排名。
3. 引导爬虫抓取有效的页面，避免爬虫抓取一些无意义的页面，影响爬虫抓取的效率。

　　nofollow2个基本用法

1. 用于<meta>标签，告诉搜索引擎（爬虫）该页面上所有链接都无需追踪（这种方法一般用的较少）

   <meta name="robots" content="nofollow" />

2. 用于<a>标签，告诉搜索引擎（爬虫）加上此属性的链接无需追踪（一般推荐用这种方法）

   <a href="login.aspx" rel="nofollow">登录</a>

怎样禁止表单记住密码自动填充？

<input style="display:none"><!-- for disable autocomplete on chrome -->
<input type="text" id="username"  name="username"  autocomplete="off">

写个例子说明HTML5在移动端如何打开APP？

<a href="zhihu://">打开知乎</a>

Android 是利用 deeplink， iOS 是利用 URL Schemes

请写出唤醒拔打电话、发送邮件、发送短信的例子

<a href="tel:139xxxxxxxx">一键拨打号码</a>
<a href="mailto:yuojian@163.com">一键发送邮件</a>
<a href="sms:139xxxxxxx">一键发送短信</a>

HTML5如果不写<! DOCTYPE html> ，页面还会正常工作么？

会啊! 只是有时候不是按照你想的那种情况来工作, 不过浏览器认为那是正常的
doctype就是声明文档类型, 它的影响范围包括HTML, CSS, DOM, 等
如果不声明文档类型, 浏览器就会按照自己的理解(规则)默认帮你声明一种类型. 具体看浏览器行为

html直接输入多个空格为什么只能显示一个空格？

该行为由 CSS white-space 控制，其默认值 normal 的表现即为多个空格压缩成一个。

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。

写出html提供的几种空格实体（5种以上）

    &nbsp;叫不换行空格，全称为No-Break Space，它是最常见且使用最多的空格，大多数的人可能只接触了&nbsp;，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈；
  &ensp;叫“半角空格”，全称是En-Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体宽度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。此空格传承了空格家族一贯的特性：空格颜色透明，此空格有个相当稳健的特性，即其占据的宽度正好是1/2个中文字符宽度，而且基本上不受字体影响；
  &emsp;叫“全角空格”，全称是Em-Space，em是字体排印学的计量单位，相当于当前指定的点数。例如 1em 在16px的字体中就是16px。此空格也传承空格家族一贯的特性：空格颜色透明，此空格特性也相当稳健，即其占据的宽度正好是1个中文字符宽度，而且基本上不受字体影响；
  &thinsp;叫窄空格，全称是Thin-Space。我们不妨称之为“瘦弱的空格”，即该空格长得比较瘦弱，身体单薄，占据的宽度比较小，是 em 宽度的之六分之一；
  &zwnj;叫零宽不连字，全称是Zero Width Non Joiner，简称“ZWNJ”，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为（zero width non-joiner，U+200C），HTML字符值引用为&#8204;；
  &zwj;叫零宽连字，全称是Zero Width Joiner，简称“ZWJ”，是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个原本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML字符值引用为&#8205; &zwj;）;
  此外，浏览器还会把以下字符当作空白进行解析：空格&#x0020;、制表位&#x0009;、换行&#x000A;和回车&#x000D;还有&#12288;等等。