html标签大全(在HTML里面type有什么标签)

  提到 HTML 标签,前端工程师会非常熟悉,因为在开发页面时经常使用。但往往关注更多的是页面渲染效果及交互逻辑,也就是对用户可见可操作的部分,比如表单、菜单栏、列表、图文。

image.png

  其实还有一些非常重要却容易被忽视的标签,这些标签大多数用在页面头部 head 标签内,虽然对用户不可见,但如果在某些场景下,比如交互实现、性能优化、搜索优化,合理利用它们就可以达到事半功倍的效果。

  其常用标签及属性有:

  1、title标签:浏览器标签页显示的标题

  2、meta标签:其常用属性

  ①charset:设置文档的字符集编码格式。HTML5中设置字符集编码:

  常见的字符集编码格式:

  a.GB-2312:国标码,简体中文

  b.GBK:扩展的国标码

  c.UTF-8:万国码 Unicode 常用

  ②http-equiv属性:将我们的信息写给浏览器看,让浏览器按照这里面的要求执行,可选属性值:Content-Type(文档类型) refresh(网页定时刷新) set-cookie(设置浏览器cookie缓存) 需要配合content属性使用。(http-equiv属性只是表明需要设置哪一部分,具体的设置内容,放到content属性中)

  ③name属性:使用方法同“http-equiv”。将我们的信息写给搜索引擎看

  常用且需要掌握的属性值:author(作者) keywords(网页关键字) description(网页描述) 这两个属性设置,网页必不可少。

  3、link标签:链接网页图标(title前的小logo),其常用属性有:

  ①rel属性:声明链接文件的类型,此处选icon

  ②type属性:可以省略

  ③href属性:表示图片的路径地址


发表评论

评论列表

还没有评论,快来说点什么吧~