HTML5 Apple官网学习笔记

09. September 2016 笔记 0
<html xmlns="http://www.w3.org/1999/xhtml">  xmlns选择一个或多个命名空间
prefix="og: http://ogp.me/ns#"  OGP:SEO优化开放内容OG协议是一种新的HTTP头部标记,即Open Graph Protocol,即这种协议可以让网页成为一个“富媒体对象”。
xml:lang属性可以使搜索引擎了解你的页面使用了何种语言,搜索引擎可以按语言把页面归类,或者启动某些自动翻译系统.xml:lang属性也可以使排版工具了解你的页面使用了何种语言,这样相应的排版工具
就可以切换标点符号,转换格式等操作.,在html页面设置 xml:lang 和lang,设定语言

<html class="no-js ......"  > 这个 no-js
 是配合 Modernizr 一起使用的类名(class)Modernizr 是一个 javascript 库,检查你的游览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名(class)到 <html> 并 替换掉原来
的 .no-js   (PS:https://modernizr.com)(PS:参考 http://blog.justwd.net/2012/02/about-no-js/)
<meta http-equiv="X-UA-Compatible" content="IE=7" /> 设置浏览器的兼容模式,针对IE浏览器
<meta http-equiv="Refresh" content="3;url=http://lezhi.ren"> 网页自动跳转到指定界面,不加url,可以定时刷新本页面
  • noindex: 防止网页被索引
  • nofollow: 不要通过当前页的链接来寻找并抓取新的网页
  • nosnippet: 在搜索结果中显示当前页时,不要显示页面摘要
  • noodp: 在为本页产生标题或页面摘要时,不要使用开放式目录项目(又名dmoz.org)中的文本
  • noarchive: 在显示本网页于搜索结果中时,不要显示一个”网页快照”链接
  • unavailable_after:[日期]:在指定的日期和时间后从搜索结果中删除这个网页

<meta name=”robots” content=”noodp”> 在为本页产生标题或页面摘要时,不要使用开放式目录项目

  1. <link rel=“shortcut icon” href=“http://blog.yunlives.com/images/favicon.ico” type=“images/x-icon”/>   针对IE
  2. <link rel=“icon” href=“http://blog.yunlives.com/images/favicon.png” type=“images/png”/>

<link rel=”alternate” href=”http://www.apple.com/cn/iphone-7/” hreflang=”zh-CN”>  判断区域,然后告诉搜索引擎应该收录的网址

<meta name=”viewport” content=”width=device-width, initial-scale=1″>  适配移动端,不缩放
<meta name=”Description” content=”iPhone 7 的性能和电池续航力进一步提升,并带来了新款外观、抗水特性和立体声扬声器。”>
<meta name=”keywords” content=”新款 iPhone, iPhone 7, iPhone”>
<meta property=”og:url” content=”http://www.apple.com/cn/iphone-7/”>
<meta property=”og:title” content=”iPhone 7″>
<meta property=”og:description” content=”iPhone 7 的性能和电池续航力进一步提升,并带来了新款外观、抗水特性和立体声扬声器。”>
<meta property=”og:image” content=”https://www.apple.com/v/iphone-7/a/images/shared/og.png?201609051650″>
<meta property=”og:type” content=”website”>
<meta property=”og:site_name” content=”Apple”>
<meta property=”og:locale” content=”zh_CN”> 引入opg,SEO优化

 

<meta property=”al:ios:app_name” content=”Apple Store”>  al 为applink.,设置移动端浏览器

(PS: http://blog.csdn.net/yc123h/article/details/51356143)

text-overflow: ellipsis; 使用省略号代替溢出的文本,属性值有clip剪裁,string指定字符串。


Leave a Reply

Your email address will not be published. Required fields are marked *