作为设计师，我们不需要从上到下学习开发网站的所有复杂性。我们将从 HTML 基础开始，熟悉任何网页的构建块。
通过了解幕后情况，您将了解最令人兴奋的部分——您的最终用户最终会得到什么。
超文本和标记语言
HTML 或超文本和标记语言是所有网页设计人员和开发人员在前端开发中学习的第一门语言。超文本定义了网页之间的链接，供用户通过简单的点击访问网页上的内容。标记语言都是关于括号< >中的标签，通常成对出现。浏览器解释这些标签并以所需的熟悉格式向用户呈现文本、图像和其他内容。
Tim Berners-Lee 在 1991 年创建了第一个 HTML 版本，该版本演变为当前的 HTML5 版本。现在，它包含大约 100 个标签，这些标签具有改变其功能或外观的属性。
页面结构
基本的 HTML 页面由简单的构建块元素组成，例如 doctype 声明、HTML、head、title 和 body 标签。与所有标签一样，它们以尖括号开头和结尾<……>.要创建 HTML 文档，您可以使用内置的文本编辑器，如记事本 (Windows) 和 TextEdit (Mac)。使用 .html 或 .htm 保存文件，瞧！— 您可以在任何浏览器中将其作为网页打开。
<!DOCTYPE html>
每页都以<!DOCTYPE html>声明开头。从技术上讲，它甚至不是标签，而是向浏览器发出的信号，表明该页面使用了最新的 HTML5 版本。与真实标签相比，它<!DOCTYPE>只能出现一次——在页面顶部。doctype 声明不区分大小写，您可以任意编写。
<html> 标签
在<!DOCTYPE html>标签之后<html>——任何网页的基石。像所有标签一样，它以尖括号开头和结尾。使用<html>结束</html>标签会创建一个强制框架来标记文档的边界。
还有一件事要记住——HTML 不区分大小写，你可以用你喜欢的任何方式来编写它，<html>或者<HTML>. 请记住保持一致并使用小写或大写。
<head> 标签
该<head>元素跟随<html>标签并包含使用<meta>标签的元数据，这对最终用户是不可见的，但必不可少。简单地说，<meta>标签包含有关信息的信息并提供网页的摘要，包括字符集、页面描述、关键字、文档作者和视口设置（页面对用户的可见区域）。
像谷歌这样的搜索引擎分析网站的元标签以了解其目的并使用它们来生成片段——搜索结果页面的标题和描述。
<title> 标签
<title> 标签是<head>包含网页“幕后”元素的部分的一部分。这是正确的; 用户在页面上看不到<title>标签——不要将其与标题混淆。用户只能查看此元素内的内容，例如浏览器的标题栏、页面的选项卡或搜索结果。不要忘记用</title>标记结束部分。
<body> 标签
用户在页面上看到的唯一内容是在开始和结束正文标签内 -<body>和</body>. 这部分包括网页设计师使用<h1>to<h6>标签定义的标题。<h1>代表最重要的标题，而 代表最不重要的标题<h6>。
如果您需要在 HTML 中添加一个段落，则将文本放入其中<p>并添加</p>标签。除此之外，正文部分还可以包含图像、超链接、表格、列表和其他类型的内容。
页面结构
结识新朋友时，您不会在最初的几分钟内说出您的整个人生故事。同样，您需要先将页面引入浏览器并提供<!DOCTYPE>元数据。<html>标记后面是<head>，然后才出现该部分<body>。不要乱用网页的标准结构——它可以完美运行。
W3C
与任何标准一样，Web 标准的存在是为了防止世界出现混乱。但是谁负责创建网络规则？这项任务落在所谓的“标准制定组织”或 SDO 的肩上。万维网联盟 (W3C) 是最知名的标准机构之一，它邀请技术人员一起工作并开发 Web 标准。他们的目标是帮助开发人员构建功能性、可访问性和交叉兼容的产品。
W3C 于 1994 年由麻省理工学院 (MIT) 的 Tim Berners-Lee 与欧洲核研究组织 (CERN) 合作成立。除了 Web 标准之外，W3C 还提供教育课程、开发软件并促进一个开放论坛以讨论 Web。
以上内容为转载
网友评论