最新HTML从零开始——入门
一旦写成
或者
,浏览器就不再认为这是标签了,而会当作文本内容将其显示为
。 数字表示法的不方便之处,在于必须知道每个字符的码点,很难记忆。为了能够快速输入,HTML 为一些特殊字符,规定了容易记忆的名字,允许通过名字来表示它们,这称为实体表示法(entity)。 实体的写法是& name; ,其中的name是字符的名子。下面是其中一些特殊字符,及其对应的实体: ":"':& apos; & :& ?:?#:& num; §:§¥:¥$:& dollar; £:£¢:¢%:& percnt; *:$ast; @:& commat; ^:& Hat; ±:±空格: 注意,上面最后一个特殊字符是空格,它也有对应的实体表示法。 字符的数字表示法和实体表示法,都可以表示正常情况无法输入的字符,逃脱了浏览器的限制,所以英语里面称为"escape",中文翻译为"字符的转义"。 HTML 标签的名称都带有语义(semantic),使用时应该尽量符合标签的语义,不要用错误语义的标签。语义良好的网页,天然具有良好的结构,对于开发者易读易写,容易维护,也能帮助计算机更好地处理网页内容。 HTML 标签的一个重要作用,就是声明网页元素的性质,使得用户只看标签,就能了解这个元素的意义,阅读 HTML 源码就能了解网页的大致结构。这被称为 HTML 的语义原则。 下面就是一个典型的语义结构的网页: 只看上面的代码,就可以知道,页面分成页眉()、主体()、页尾()三个部分,实际页面如下: 编写 HTML 网页,第一步就是写出语义结构的网页骨架。 (1) 标签可以用在多个场景,既可以表示整个网页的头部,也可以表示一篇文章或者一个区块的头部。 如果用在网页的头部,就称为"页眉"。网站导航和搜索栏通常会放在里面: 如果用在文章的头部,则可以把文章标题、作者等信息放进去: 由于可以用在多种场景,所以一个页面可能包含多个,但是一个具体的场景里面只能包含一个,比如网页的页眉只能有一个。另外,里面不能包含另一个或。 (2) 标签表示网页、文章或章节的尾部。如果用于整张网页的尾部,就称为"页尾",通常包含版权信息或者其他相关信息: 上面代码中,版权信息放在里面。 也可以放在文章里面: 不能嵌套,即内部不能放置另一个,也不能放置。 (3) 标签表示页面的主体内容,一个页面只能有一个: 上面代码就是最典型的页面结构。 注意,是顶层标签,不能放置在、、、、等标签之中。 另外,功能性区块(比如搜索栏)不适合放入,除非当前页面就是搜索页面。 (4) 标签表示页面里面一段完整的内容,即使页面的其他部分不存在,也具有独立使用的意义,通常用来表示一篇文章或者一个论坛帖子。它可以有自己的标题(
到):
一个网页可以包含一个或多个,比如包含多篇文章。
(5)
标签用来放置与网页或文章主要内容间接相关的部分。网页级别的,可以用来放置侧边栏,但不一定就在页面的侧边;文章级别的,可以用来放置评论或注释。
下面是网页级别的的例子:
下面是文章评注的例子:
(6)
标签表示一个含有主题的独立部分,通常用在文档里面表示一个章节,比如可以包含多个。总是多个一起使用,一个页面不能只有一个:
上面代码中,包含了两个,代表两章。
很适合幻灯片展示的页面,每个代表一个幻灯片。
一般来说,都应该有标题,即包含——标签。多个可以放置在同一个里面,一个里面也可能包含多个,这取决于和在当前页面的含义。
(7)
标签用于放置页面或文档的导航信息:
一般来说,往往放置在里面,不适合放入。另外,一个页面可以有多个,比如一个用于站点导航,另一个用于文章导航。
(8) -
HTML 提供了6个标签,用来表示文章的标题。按照标题的等级,一共分成六级:
:一级标题:二级标题:三级标题:四级标题:五级标题:六级标题
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
——标签。多个可以放置在同一个里面,一个里面也可能包含多个,这取决于和在当前页面的含义。
(7)
标签用于放置页面或文档的导航信息:
一般来说,往往放置在里面,不适合放入。另外,一个页面可以有多个,比如一个用于站点导航,另一个用于文章导航。
(8) -
HTML 提供了6个标签,用来表示文章的标题。按照标题的等级,一共分成六级:
:一级标题:二级标题:三级标题:四级标题:五级标题:六级标题
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
-
HTML 提供了6个标签,用来表示文章的标题。按照标题的等级,一共分成六级:
:一级标题:二级标题:三级标题:四级标题:五级标题:六级标题
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
:一级标题:二级标题:三级标题:四级标题:五级标题:六级标题
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
:三级标题:四级标题:五级标题:六级标题
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
:五级标题:六级标题
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
是最高级别的标题,是最低级别的标题。下一级标题都是上一级标题的子标题,比如,一个后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
后面可以有多个,每个后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
后面又可以有多个:
上面代码,通过章节标题,清晰地表明了文章的主体结构。具体的内容,就可以写在章节标题的下面:
事实上仅仅是使用&
amp;
amp;
lt;
h1&
amp;
amp;
gt;
这类的标签并不足够,还是需要适当的编号以供区分
标题不应该越级,比如h1下面直接写h3。虽然这样不会报错,但会导致文章失去清晰的章节结构。
默认情况下,浏览器会粗体显示标题。h1的字号比h2大,h2比h3大,以此类推。
(9)
如果主标题包含多级标题(比如带有副标题),那么可以使用标签,将多级标题放在其中:
注意,只能包含-,不能包含其他标签。
-,不能包含其他标签。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 最新HTML从零开始——入门
本文地址: https://pptw.com/jishu/656020.html
