HTML中的元数据
在页面加载完成的时候，head 标签里的内容，是不会在页面中显示出来的。它包含了诸如页面的 <title>（标题）、指向 CSS 的链接、指向自定义图标的链接和其它的元数据等信息。
<title> 元素，它可以为文档添加标题。用于表示整个 HTML 文档的标题（而不是文档内容）。
元数据：<meta> 元素····
<link> 元素经常位于文档的头部。这个 link 元素有 2 个属性，rel="stylesheet" 表明这是文档的样式表，而 href 包含了样式表文件的路径：
<script> 元素没必要非要放在文档的 <head> 中，并包含 src 属性来指向需要加载的 JavaScript 文件路径，同时最好加上 defer 以告诉浏览器在解析完成 HTML 后再加载 JavaScript。这样可以确保在加载脚本之前浏览器已经解析了所有的 HTML 内容。
为文档设定主语言
最后，值得一提的是可以（而且有必要）为站点设定语言，这个可以通过添加 lang 属性到 HTML 开始的标签中来实现，例<html lang="zh-CN">
HTML 文字处理基础
HTML的主要工作是编辑文本结构和文本内容（也称为语义semantics），以便浏览器能正确的显示。
基础: 标题和段落
每个标题（Heading）是通过“标题标签”进行定义的：这里有六个标题元素标签 —— <h1>、<h2>、<h3>、<h4>、<h5>、<h6>。每个元素代表文档中不同级别的内容。
在HTML中，每个段落是通过 <p> 元素标签进行定义的
列表 Lists
无序 Unordered
无序列表用于标记列表项目顺序无关紧要的列表：ul>li
取消格式:list-style:none;
有序 Ordered
有序列表需要按照项目的顺序列出来：ol>li
自定义 Definition Lists
自定义列表不仅仅是一列项目，而是项目及其注释的组合：dl>dt+dd
重点强调
在口语表达中，我们有时会强调某些字，用来改变这句话的意思。同样地，在书面用语中，我们可以使用<b><strong>、<i><em>、<s><del> 或 <u> <ins>来表达传统上的粗体、斜体、删除线或下划线来达到同样的效果。
超链接
它们从一开始就一直是互联网的一个特性，使互联网成为互联的网络。超链接使我们能够将我们的文档链接到任何其他文档（或其他资源），也可以链接到文档的指定部分，我们可以在一个简单的网址上提供应用程序（与必须先安装的本地应用程序或其他东西相比）。几乎任何网络内容都可以转换为链接，点击（或激活）超链接将使网络浏览器转到另一个网址（URL）。
URL可以指向HTML文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。 如果浏览器不知道如何显示或处理文件，它会询问您是否要打开文件（需要选择合适的本地应用来打开或处理文件）或下载文件（以后处理它）
通过将文本（或其他内容，见块级链接)转换为<a>元素内的链接来创建基本链接，给它一个href属性（也称为目标），它将包含您希望链接指向的网址，给它一个title属性（也是一个补充说明），这旨在包含关于链接的补充有用信息（当鼠标指针悬停在链接上时，内容将作为提示信息出现）。
URL使用路径查找文件。路径指定文件系统中您感兴趣的文件所在的位置。
此目录结构的根目录称为creating-hyperlinks。当在网站上工作时， 你会有一个包含整个网站的目录。在根目录，我们有一个index.html和一个contacts.html文件。在真实的网站上，index.html 将会成为我们的主页或登录页面。
我们的根目录还有两个目录—— pdfs 和projects，它们分别包含一个 PDF (project-brief.pdf) 文件和一个index.html 文件。请注意你可以有两个index.html文件，前提是他们在不同的目录下，许多网站就是如此。第二个index.html或许是项目相关信息的主登录界面。
指向当前目录：如果index.html（目录顶层的index.html）想要包含一个超链接指向contacts.html，你只需要指定想要链接的文件名，因为它与当前文件是在同一个目录的. 所以你应该使用的URL是contacts.html:
指向子目录：如果index.html （目录顶层index.html）想要包含一个超链接指向 projects/index.html，您需要先进入projects/项目目录，然后指明要链接到的文件index.html。 通过指定目录的名称，然后是正斜杠，然后是文件的名称。因此您要使用的URL是projects/index.html：
指向上级目录： 如果你想在projects/index.html中包含一个指向pdfs/project-brief.pdf的超链接，你必须先返回上级目录，然后再回到pdf目录。“返回上一个目录级”使用两个英文点号表示 — .. — 所以你应该使用的URL是 ../pdfs/project-brief.pdf：
文档的基本组成部分
网页的外观多种多样，但是除了全屏视频或游戏，或艺术作品页面，或只是结构不当的页面以外，都倾向于使用类似的标准组件：
页眉(header)通常横跨于整个页面顶部有一个大标题 和/或 一个标志。 这是网站的主要一般信息，通常存在于所有网页。
导航栏(nav)指向网站各个主要区段的超链接。通常用菜单按钮、链接或标签页表示。类似于标题栏，导航栏通常应在所有网页之间保持一致，否则会让用户感到疑惑，甚至无所适从。许多 web 设计人员认为导航栏是标题栏的一部分，而不是独立的组件，但这并非绝对；还有人认为，两者独立可以提供更好的 无障碍访问特性，因为屏幕阅读器可以更清晰地分辨二者。
主内容(main)中心的大部分区域是当前网页大多数的独有内容，例如视频、文章、地图、新闻等。这些内容是网站的一部分，且会因页面而异。
侧边栏(aside)一些外围信息、链接、引用、广告等。通常与主内容相关（例如一个新闻页面上，侧边栏可能包含作者信息或相关文章链接），还可能存在其他的重复元素，如辅助导航系统。
页脚(footer)横跨页面底部的狭长区域。和标题一样，页脚是放置公共信息（比如版权声明或联系方式）的，一般使用较小字体，且通常为次要内容。 还可以通过提供快速访问链接来进行 SEO。
334
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
