HTML注释与样式表实例分析

发布时间:2022-03-15 16:30:00 作者:iii
来源:亿速云 阅读:141

这篇文章主要介绍“HTML注释与样式表实例分析”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML注释与样式表实例分析”文章能帮助大家解决问题。

    元数据

    HTML5中<title>元素是必须的,标题名描述了页面的主题:

    <title>菜鸟教程</title>

    标题和语言可以让搜索引擎很快了解你页面的主题:

    <!DOCTYPEhtml>

    <htmllang="zh">

    <head>

      <meta charset="UTF-8">

      <title>菜鸟教程</title>

    </head>

    HTML注释

    注释可以写在<!--和-->中:

    <!--这是注释-->

    比较长的注释可以在<!--和-->中分行写:

    <!--

    这是一个较长注释。这是一个较长注释。这是一个较长注释。

    这是一个较长注释这是一个较长注释。这是一个较长注释。

    -->

    长注释第一个字符缩进两个空格,更易于阅读。

    样式表

    样式表使用简洁的语法格式(type属性不是必须的):

    <linkrel="stylesheet"href="styles.css">

    短的规则可以写成一行:

    p.into{font-family:Verdana;font-size:16em;}

    长的规则可以写成多行:

body {

  background-color: lightgrey;

  font-family: "Arial Black", Helvetica, sans-serif;

  font-size: 16em;

  color: black;

}

    将左花括号与选择器放在同一行。

    左花括号与选择器间添加一个空格。

    使用两个空格来缩进。

    冒号与属性值之间添加一个空格。

    逗号和符号之后使用一个空格。

    每个属性与值结尾都要使用分号。

    只有属性值包含空格时才使用引号。

    右花括号放在新的一行。

    每行最多80个字符。

    Note在逗号和冒号后添加空格是常用的一个规则。

关于“HTML注释与样式表实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. html怎么注释代码
  2. html中如何注释

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:html页面运行时出现乱码如何解决

下一篇:常见的HTML优化技巧有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》