<!DOCTYPE html>
——文档类型。这是必不可少的开头。混沌初分,HTML 尚在襁褓(大约是 1991/92 年)之时,这个元素用来关联 HTML 编写规范,以供自动查错等功能所用。而在当今,它作用有限,可以说仅用于保证文档正常读取。现在知道这些就足够了。<html></html>
——<html> 元素。该元素包含整个页面的所有内容,有时候也称作根元素。里面也包含了lang
属性,写明了页面的主要语种。<head></head>
——<head> 元素。所有那些你加到页面中,且不向用户展示的页面内容,都以这个元素为容器。其中包含诸如提供给搜索引擎的关键字和页面描述、用于设置页面样式的 CSS、字符集声明等等。<meta charset="utf-8">
——该元素指明你的文档使用 UTF-8 字符编码,UTF-8 包括世界绝大多数书写语言的字符。它基本上可以处理任何文本内容。以它为编码还可以避免以后出现某些问题,没有理由再选用其他编码。<meta name="viewport" content="width=device-width">
——视口元素可以确保页面以视口宽度进行渲染,避免移动端浏览器上因页面过宽导致缩放。<title></title>
——<title> 元素。该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。<body></body>
——<body> 元素。该元素包含期望让用户在访问页面时看到的全部内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。<img>——
包含图像文件路径的地址属性src
,可在所在位置嵌入图像。替换文字属性alt
,是图像的描述内容,用于当图像不能被用户看见时显示。
标题(Heading)
<h1>主标题</h1>
<h2>顶层标题</h2>
<h3>子标题</h3>
<h4>次子标题</h4>
段落(Paragraph)
<p>这是一个段落</p>
列表(List)
- 无序列表(Unordered List)中项目的顺序并不重要,就像购物列表。用一个 <ul> 元素包围。
- 有序列表(Ordered List)中项目的顺序很重要,就像烹调指南。用一个 <ol> 元素包围。
列表的每个项目用一个列表项目(List Item)元素 <li> 包围。
链接
<a href="https://www.mozilla.org/zh-CN/about/manifesto/">Mozilla Manifesto</a>