H T M L 基 本 语 法 HTML基本语法 HTML基本语法

05-HTML基本语法-注释和标签规范

2.1 关于注释

如同大部分的编程语言一样，在HTML中有一种可用的机制来在代码中书写注释。

为了将一段HTML中的内容置为注释，你需要将其用特殊的记号 包括起来， 比如：

<p>我在注释外！</p>

<!-- <p>我在注释内！</p> -->

2.2 关于标签(开始结束标签、自闭和标签)

2.2.1 空元素

不是所有元素都拥有开始标签，内容和结束标记。一些元素只有一个标签，叫做空元素。它是在开始标签中进行关闭的。例子如下：

第一行文档<br/>
第二行文档<br/>

2.2.2 嵌套元素

你也可以把元素放到其它元素之中——这被称作嵌套。比如，我们想要强调第一个，可以将<b>标签包围第一个，这样b标签就是嵌套在了p标签中：

<p>这是<b>第一个</b>页面</p>

2.2.3 块级和行内

1）概念

在HTML中有两种重要元素类别，块级元素和内联元素。

  • 块级元素：

    独占一行。块级元素（block）在页面中以块的形式展现。相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。比如<p> ，<hr>，<li> ，<div>等。

  • 行内元素

    行内显示。行内元素不会导致换行。通常出现在块级元素中并环绕文档内容的一小部分，而不是一整个段落或者一组内容。比如<b>，<a>，<i>，<span> 等。

    注意：一个块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。

2）div和span

  • <div> 是一个通用的内容容器，并没有任何特殊语义。它可以被用来对其它元素进行分组，一般用于样式化相关的需求。它是一个块级元素。

  • <span> 是短语内容的通用行内容器，并没有任何特殊语义。它可以被用来编组元素以达到某种样式。它是一个行内元素。

    注意：div和span在页面布局中有重要作用。

06-HTML基本语法-属性和特殊字符

2.3 关于属性

【重点讲解】

属性作为HTML的重要部分，这里强调属性的格式和作用。

标签属性，主要用于拓展标签。属性包含元素的额外信息，这些信息不会出现在实际的内容中。但是可以改变标签的一些行为或者提供数据，属性总是以name = value的格式展现。

  • 属性名：同一个标签中，属性名不得重复。

  • 大小写：属性和属性值对大小写不敏感。不过W3C标准中，推荐使用小写的属性/属性值。

  • 引号：双引号是最常用的，不过使用单引号也没有问题。

  • 常用属性：

    属性名 作用
    class 定义元素类名，用来选择和访问特定的元素
    id 定义元素唯一标识符，在整个文档中必须是唯一的
    name 定义元素名称，可以用于提交服务器的表单字段
    value 定义在元素内显示的默认值
    style 定义CSS样式，这些样式会覆盖之前设置的样式（第一天简单了解，第二天主要内容）

2.4 特殊字符

了解讲解：

内容简单，迅速带过。

在HTML中，字符 <, >,",' 和 & 是特殊字符. 它们是HTML语法自身的一部分, 那么你如何将这些字符包含进你的文本中呢

原义字符 等价字符引用
< &lt;
> &gt;
" &quot;
’ &apos;
& &amp;
空格 &nbsp;

2.5 总结

HTML的基本语法比较简单，在使用的过程中注意写法即可。