如果您在上个月快速介绍了HTML之后还没有完全困惑的话, 我现在再给你扔一些. 快速刷新 一些最基本的元素.

就像你在第一轮网页开发基础知识中学到的,网站是用 HTML 而HTML则围绕着标签. 标签不显示在您的web浏览器, 它们被网络浏览器用来解释和显示“标题”之类的内容, “段落”, “表”, 等等. 有一些标签,每个网页都必须有功能. 它们是什么?

永不过时的必备标签

文档类型

这个(未配对的)标签必须在每个网页上. 你会发现它在每个网页的顶部, 它会告诉浏览器这是一个HTML文件以及它的版本. 尽管从技术上讲它不是一个HTML元素, 每个HTML文档都应该以文档类型标记开始.

 

HTML

这些(成对的)标记包围了代码文档中的所有内容(文档类型标记除外), 它告诉浏览器它看到的是一个HTML文档. 您只会在每个代码文档的开头和结尾发现HTML标记, 作为打开和关闭标记.

Head

标题标签围绕着元数据,是产生的网页上的非视觉元素(标题标签除外), 它决定了你网页的浏览器选项卡显示的内容). 这些标记嵌套在HTML标记中(在主体标记之前), 包括网站标题之类的内容, 元数据信息, 以及指向外部文件的链接. 这些描述性标签包含了网络浏览器和搜索引擎所要寻找的信息. 最重要的是元内容类型、标题、元描述和视口.

在90年代, having as many meta tags as possible would help your website’s SEO; today, 这不是同一个故事. 在这里 是关于2017年哪些元标签是重要的更多信息:

-元内容类型 tag should be on every page. 它定义字符集, 不包括它可能会影响浏览器如何显示你的网页.
——标题 tags live in the header and houses important SEO information.  每个页面都需要一个独特的标题标签来描述它.
- - - - - -元描述 tags don’t impact your SEO ranking, 但这是非常重要的,因为它的副本将是在搜索引擎结果中可见的. 最好的做法是将其控制在160个字符以内.
——视口 tags are extremely important for mobile viewing. 如果不指定视口,您的移动用户体验可能会很差.

 

Body

虽然body标记也嵌套在HTML标记中,但它不会嵌套在任何其他标记中. 它们跟在标题标签后面,类似于它们是网站内容的“包装器”. 然而,与头标签不同的是,正文标签在网站上产生视觉内容. 你在网站上看到的所有东西都嵌套在body标签中.

这么多的信息,还有那么多的东西要学! 请继续关注即将发布的深入探讨其他web开发主题的博客文章. P.S. 如果你想尝试一下这些话题, 你可以创建你自己的“样板”模板 在这里.

 

即使是专家也知道什么时候寻求帮助,什么时候做研究. 如果你想了解更多关于这些必需元素的信息, 下面我提供了一些可靠的消息来源, 请继续关注我的下一篇文章. 它将侧重于HTML网页的常见元素.

Moz
标题标签
元标记
元数据描述

HTML.com
文档类型
体标签

W3Schools
HTML标记
头标记