front-end-checklist-4

Based on https://github.com/thedaviddias/Front-End-Checklist

8. Language attribute

1	<html lang="en">

(1) lang 属性规定元素内容的语言。
(2) HTML5中强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。

      
      
      
      
       
       <meta property="og:type" content="website">
      
      
      
      
       
       <meta property="og:url" content="https://example.com/page.html">
      
      
      
      
       
       <meta property="og:title" content="Content Title">
      
      
      
      
       
       <meta property="og:image" content="https://example.com/image.jpg">
      
      
      
      
       
       <meta property="og:description" content="Description Here">
      
      
      
      
       
       <meta property="og:site_name" content="Site Name"> 大专栏  front-end-checklist-4
      
      
      
      
       
       <meta property="og:locale" content="en_US">
      
      
      
      
       
       <!-- Next tags are optional but recommended -->
      
      
      
      
       
       <meta property="og:image:width" content="1200">
      
      
      
      
       
       <meta property="og:image:height" content="630">
      
      
      
      
      
      
       
       <!-- Twitter Card..... -->
      
      
      
      
       
       <meta name="twitter:card" content="summary">
      
      
      
      
       
       <meta name="twitter:site" content="@site_account">
      
      
      
      
       
       <meta name="twitter:creator" content="@individual_account">
      
      
      
      
       
       <meta name="twitter:url" content="https://example.com/page.html">
      
      
      
      
       
       <meta name="twitter:title" content="Content Title">
      
      
      
      
       
       <meta name="twitter:description" content="Content description less than 200 characters">
      
      
      
      
       
       <meta name="twitter:image" content="https://example.com/image.jpg">

(1) og是一种新的HTTP头部标记，即Open Graph Protocol。这种协议可以让网页成为一个“富媒体对象”
(2) 用了Meta Property=og标签，就是你同意了网页内容可以被其他社会化网站引用等，目前这种协议被SNS网站如Fackbook、renren采用。任何网页只要遵守该协议，SNS就能从页面上提取最有效的信息并呈现给用户。

8. Language attribute

9. Social meta

猜你喜欢