HTML标签大全，看了一定不后悔

一份关于任何可以写入到你的文档中 部分的清单。

10年积累的网站建设、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计制作后付款的网站建设流程，更有青县免费网站建设让你可以放心的选择与我们合作。

最小推荐

下面是基本的、最低限度的网站基本标签：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5. 页面标题 
    6.

网页元素

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2. 页面标题 
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.

Meta 标签

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.   
  
  
  20.  
    21.   
  
  
  21.  
    22.   
  
  
  22.  
    23.   
  
  
  23.  
    24.   
  
  
  24.  
    25.   
  
  
  25.  
    26.   
  
  
  26.  
    27.   
  
  
  27.  
    28.   
  
  
  28.  
    29.   
  
  
  29.  
    30.   
  
  
  30.  
    31.   
  
  
  31.  
    32.   
  
  
  32.  
    33.   
  
  
  33.  
    34.   
  
  
  34.  
    35.   
  
  
  35.  
    36.   
  
  
  36.  
    37.   
  
  
  37.  
    38.   
  
  
  38.  
    39.   
  
  
  39.  
    40.   
  
  
  40.  
    41.   
  
  
  41.  
    42.   
  
  
  42.  
    43.   
  
  
  43.  
    44.   
  
  
  44.  
    45.   
  
  
  45.  
    46.   
  
  
  46.  
    47.   
  
  
  47.  
    48.   
  
  
  48.  
    49.   
  
  
  49.  
    50.   
  
  
  50.  
    51.   
  
  
  51.  
    52.   
  
  
  52.  
    53.   
  
  
  53.  
    54.   
  
  
  54.  
    55.
  • Google 可以识别的 Meta 标签
  • WHATWG Wiki: Meta 拓展
  • ICBM - 维基百科
  • 地理标记 - 维基百科

链接

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.   
  
  
  20.  
    21.   
  
  
  21.  
    22.   
  
  
  22.  
    23.   
  
  
  23.  
    24.   
  
  
  24.  
    25.   
  
  
  25.  
    26.   
  
  
  26.  
    27.   
  
  
  27.  
    28.   
  
  
  28.  
    29.   
  
  
  29.  
    30.   
  
  
  30.  
    31.   
  
  
  31.  
    32.   
  
  
  32.  
    33.   
  
  
  33.  
    34.   
  
  
  34.  
    35.   
  
  
  35.  
    36.   
  
  
  36.  
    37.   
  
  
  37.  
    38.   
  
  
  38.  
    39.   
  
  
  39.  
    40.   
  
  
  40.  
    41.   
  
  
  41.  
    42.   
  
  
  42.  
    43.   
  
  
  43.  
    44.   
  
  
  44.  
    45.   
  
  
  45.  
    46.   
  
  
  46.  
    47.   
  
  
  47.  
    48.   
  
  
  48.  
    49.   
  
  
  49.  
    50.   
  
  
  50.  
    51.   
  
  
  51.  
    52.

网站图标

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.
  • 所有关于网站图标(和触摸图标)的信息
  • 网站图标对照表

社交

Facebook Open Graph

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.
  • Facebook 的 Open Graph 的标记
  • Open Graph 协议

Facebook Instant Articles

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.
  • Facebook Instant Articles: 创建文章
  • Instant Articles: 格式参考

Twitter Cards

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.
  • Twitter 名片：入门指南
  • Twitter 名片验证

Google+ / Schema.org

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.

Pinterest

根据他们的帮助中心可知，Pinterest 允许你禁止他人保存你网站里的内容。description 为可选。

 
 
 
    
  
  
  
  1.  
    2.

OEmbed

 
 
 
    
  
  
  
  1.   
  
  
  2.   href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=json" 
    3.   
  
  
  3.   title="oEmbed Profile: JSON"> 
    4.   
  
  
  4.   
  
  
  5.   href="http://example.com/services/oembed?url=http%3A%2F%2Fexample.com%2Ffoo%2F&format=xml" 
    6.   
  
  
  6.   title="oEmbed Profile: XML"> 
    7.
  • oEmbed 格式

浏览器 / 平台

Apple iOS

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.
  • Apple Meta 标签

Apple Safari

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

Google Android

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.

Google Chrome

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.

Google Chrome Mobile (只针对 Android)

从 Chrome 31 开始，你可以设置你的 Web 应用为“app mode”，如 Safari。

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.
  • Google 开发者

Microsoft Internet Explorer

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.

应用链接

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.
  • 应用链接文档

国内的浏览器

360 浏览器

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

QQ 移动浏览器

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.

UC 移动浏览器

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.
  • UC 浏览器文档

注意

性能

当启用 GZIP 时，移动 href 属性到该元素的开头以提高压缩，因为 href 属性被用于 a、base 和 link 标签。

示例:

 
 
 
    
  
  
  
  1.  
    2.

其他资源

  • HTML5 样板文档：HTML 标签
  • HTML5 样板文档：扩展和定制

相关项目

  • Atom HTML Head 片段 - Atom HEAD 片段包
  • Sublime Text HTML Head 片段 - Sublime Text HEAD 片段包
  • head-it - HEAD 片段的 CLI 接口
  • vue-head - 在 Vue.js 中操作 HEAD 标签的 meta 信息

其他格式

  • PDF

翻译

  • 英语/English
  • 巴西葡萄牙语/Brazilian Portuguese
  • 意大利语/Italian
  • 日语/Japanese
  • 俄罗斯语/Russian/Русский
  • 土耳其语/Turkish/Türkçe
  • 韩语/Korean

贡献

开启一个 issue 或一个 pull 请求来提出修改或补充。

指南

HEAD 仓库由两个分支组成：

1、master

对该分支包含的 README.md 文件的修改会自动反映在 Cheat Sheet 网站上。 所有对照表内容的更改都应该针对此文件。

请按照下列步骤 pull 请求：

  • 只修改一个标签，或一次一组相关的标签
  • 对属性使用双引号
  • 请不要在自我闭合的元素中使用斜线 —— 即便 HTML5 规范中说，他们是可选的
  • 考虑在文档中加入链接以支持你所提到的变化

2. gh-pages

该分支负责 Cheat Sheet 网站。我们使用 Jekyll 通过 GitHub Pages 服务来部署 README.md Markdown 文件。所有网站相关的修改必须集中在这里。

你可能需要通过 Jekyll 文档 来了解 Jekyll 是如何在该分支上工作的。

网站栏目：HTML标签大全，看了一定不后悔
标题路径：http://www.shufengxianlan.com/qtweb/news40/548990.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

用户体验知识

分类信息网

IOS开发　　 　SSL证书　　 　都江堰网站建设　　 　重庆托管服务器　　 　四川黔盛装饰　　 　四川雕琢时光　　 　成都网站设计公司　　 　德阳机房托管　　 　整合营销　　 　成都服务器托管　　 　成都SEO优化　　 　成都服务器运维　　 　软文推广　　 　丹棱网站建设　　 　腾讯云香港空间　　 　成都做网站　　 　成都电信服务器托管　　 　成都网站设计　　 　成都广告招牌制作　　 　成都移动机房