Based on https://github.com/thedaviddias/Front-End-Checklist
8. Language attribute
1 | <html lang="en"> |
(1) lang 属性规定元素内容的语言。
(2) HTML5中强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。
9. Social meta
1234567891011121314151617181920 | <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就能从页面上提取最有效的信息并呈现给用户。