网络 101:网页必需的HTML元素
如果你在上个月快速介绍了HTML之后还没有完全糊涂的话, 我要再给你点颜色看看. 快速刷新 一些最基本的元素.
就像你在第一轮web开发基础知识中学到的，网站是用 HTML 而HTML则围绕着标签. 标签没有显示在您的web浏览器, 它们被网络浏览器用来解释和显示诸如“标题”之类的内容。, “段落”, “表”, 等等. 有一些标签是每个网页都必须使用的. 它们是什么?
永不过时的必备标签
文档类型
这个(未配对)标签必须在每个网页上. 你会在每个网页的顶部找到它, 它会告诉浏览器这是一个HTML文件，以及它是什么版本的HTML. 尽管严格来说它不是一个HTML元素, 每个HTML文档都应该以文档类型标签开始.
HTML
这些(成对的)标记围绕着代码文档中的所有内容(除了文档类型标记), 它会告诉你的浏览器它正在查看的是一个HTML文档. 您只会在每个代码文档的开头和结尾找到HTML标记, 作为开始和结束标记.
Head
标题标签围绕元数据，是生成的网页上的非可视元素(除了标题标签), 它决定了网页浏览器标签上显示的内容). 这些标记嵌套在HTML标记内(在主体标记之前), 包括网站标题之类的东西, 元数据信息, 和外部文件的链接. 这些描述性的标签包含了网络浏览器和搜索引擎寻找的信息. 最重要的是元内容类型、标题、元描述和视口.
在90年代, having as many meta tags as possible would help your website’s SEO; today, 这不是同一件事. 在这里 关于哪些meta标签在2017年很重要的更多信息是:
-元内容类型 tag should be on every page. 它定义了字符集, 如果不包含它，可能会影响浏览器显示网页的方式.
——标题 tags
- - - - - -元描述 tags don’t impact your SEO ranking, 但这是非常重要的，因为它的副本将是可见的搜索引擎结果. 最好的做法是保持160个字符或更少.
——视口 tags are extremely important for mobile viewing. 如果您没有指定视口，您的移动用户体验可能会很差.
Body
尽管body标记也嵌套在HTML标记中，但它并不嵌套在任何其他标记中. 它们遵循标题标签，并且相似之处在于它们是站点内容的“包装器”. 然而，与标题标签不同，主体标签在网站上产生视觉内容. 你在网站上看到的所有内容都嵌套在body标签内.
如此多的信息，却有更多的东西要学习! 请继续关注即将发布的深入探讨其他web开发主题的博客文章. P.S. 如果你想玩这些话题, 您可以创建自己的简单“样板”模板 在这里.
更
即使是专家也知道什么时候去寻求帮助，什么时候去做研究. 如果您想了解关于这些必需元素的更多信息, 我在下面提供了一些可靠的消息来源, 请继续关注我的下一篇文章. 它将关注HTML网页的常见元素.