零基础前端Vue的小白学习路——HTML基础(四)全局属性与meta元信息

        在前面的几个章节中,我们已经学习了HTML语言的基本语法以及大部分常用标签。本节主要记录HTML中标签的全局属性以及head部分中meta元信息的常用设置。

  • 一、HTML全局属性:HTML绝大部分标签所拥有的共同的属性种类
    • id:给标签指定唯一标识,不可重复
      • 常见用法:可与超链接配合使用;可让label标签与表单控件相关联;可与CSS、JS配合使用
      • <html>、<head>、<meta>、<title>、<script>、<style>中不加id
    • class:给标签指定类名,随后通过CSS可以给标签设置样式
    • style:给标签设置CSS样式
    • dir:内容的方向
      • <html>、<head>、<meta>、<title>、<script>、<style>中不加dir
    • title:给标签设置一个文字提示,一般超链接和图片用得比较多
    • lang:给标签指定语言
      • 不能用于<head>、<meta>、<title>、<script>、<style>
  • 二、meta元信息:
    • 针对IE浏览器的兼容设置:<meta http-equiv="X-UA-Compatible" content="IE=edge">
    • 配置网页自动跳转:<meta http-equiv="refresh" content="时间;url= 自动跳转的网页">
    • 针对移动端的配置(网页显示适配到手机屏大小):<meta name="viewport" content="width=device-width,initial-scale=1.0">
    • 配置网页关键字:<meta name="keywords" content="网页用于SEO的关键字>
    • 配置网页描述信息:<meta name="description" content="与网站内容相关的一段话">
    • 针对搜索引擎爬虫配置:<meta name="robots" content="index/noindex/follow/nofollow/all/none/noarchive/nocache">
    • 配置网页作者:author
    • 配置网页生成工具:generator
    • 配置定义网页版权信息:copyright
  • 以上为常见使用的全局属性及meta元属性,更多的可在MDN官方网站学习。

猜你喜欢

转载自blog.csdn.net/qq_36215279/article/details/132013537