整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
表单允许我们发送和接收来自web页面的数据，表单的用途有：网站和论坛登录；注册信息；基于web的电子邮件；在线问卷调查等。
所有表单元素（如输入框和按钮）必须位于表单标记内。在大多数情况下，表单必须设置name、action属性。
用于为表单创建简单的文本输入字段，但也是许多其他表单输入类型的基础，使用type属性来指定不同类型。
按钮与表单输入字段类似，但有自己的一组属性：
下拉列表，也称为组合框，允许从项目列表中进行选择。
option标记定义选择列表中的每一项，并且必须出现在select标记中。选择项的文本必须出现在选项标记之间。
浏览器显示的内容如下所示：
您了解 HTML 和 Web 时，您可能会发现反复遇到一个通常未定义的特定单词。那个词是语义的。
你可能会读到诸如“我们去寻找语义元素”或“我们尽量做到语义化”之类的陈述，但永远无法清楚地了解语义这个词的含义。在本文中，我们将探索语义标记的世界，提出术语的有效定义，并将该概念应用于我们编写 HTML 标记的方式。
根据 Dictionary.com 的说法，语义是指对单词或句子含义的正确解释。
从语义上使用一个词就是以一种与该词的含义正确对齐的方式使用它。当我们误用一个词时，我们并不是在语义上使用它。
许多 HTML 标签具有语义含义。也就是说，元素本身传达了一些关于包含在开始标签和结束标签之间的内容类型的信息。
例如，当浏览器遇到一个h1标题时，它会将该标记解释为表示该元素的内容h1构成了包含该元素的部分的最重要的标题。标签的语义含义h1是它用于标识特定网页或部分的最重要的标题。
如果我们要编写语义标记，必须采用两种不同的做法。
在编写语义标记时，我们使用 HTML 标签来告诉浏览器元素的内容。在语义标记中，标签不再只是让内容以人类可读的格式显示在网页上的一种方式。
标签本身成为一种告诉机器（无论是浏览器、计算机、智能手机还是其他智能设备）有关内容含义的方式。
要编写语义标记，我们必须正确使用 HTML 标签，以便我们的标记既是人类可读的，也是机器可读的。
过去，通常使用标记来定义样式和控制网页布局。
标题级别的选择不是基于层次结构，而是基于 Web 浏览器应用的样式，表格用于网页布局而不是组织表格数据，一些 HTML 标记（例如frameset）是为了明确定义网页而创建的布局等等。
当我们编写语义标记时，我们不能再根据视觉呈现来选择 HTML 元素。相反，我们根据语义含义选择 HTML 元素，然后使用CSS定义我们内容的视觉呈现。
在编写语义标记时，网页元素的表示与内容本身的标记完全分离和不同。
考虑到这两种做法，我们可以这样定义语义标记：
语义标记是使用诸如 HTML 之类的标记语言通过正确选择标记元素来传达有关文档中每个元素的含义的信息，并保持标记和文档中包含的元素的视觉呈现之间的完全分离.
好的 CSS 可以使普通网站访问者看不到不好的标记。然而，再多的样式也不会让糟糕的标记对计算机化的访问者更有意义，例如搜索引擎网络爬虫、浏览器翻译工具或屏幕阅读器等辅助技术。
根据 Bruce Lawson的说法，HTML 元素的语义使用“增强了可访问性、可搜索性、国际化和互操作性”。换句话说，如果您希望所有访问者都可以访问您的网站、实现较高的搜索引擎排名、可供来自世界各地的访问者使用以及与其他 Web 服务有效交互，则必须编写语义标记。
编写语义标记是关于创建人类和计算机可读的 Web 内容。当人类和计算机都可以很好地阅读网络时，它就变得更易于访问，因为计算机能够更好地分析其内容、索引、交付它，并且开发人员能够更好地将不同的信息源结合到新的网络服务中.
我们通过正确选择和使用 HTML 标记以及通过选择传达有关标记所标记信息的某些标记来编写语义标记。
HTML 中有语义元素和非语义元素。非语义元素的示例是div和span。这些标签不会告诉计算机有关元素内容含义的任何信息。
虽然有用，并且在某些情况下可以很好地使用，但如果语义标签可用并且适合特定用途，请在使用非语义标签之前使用它。
许多语义标签来自谷歌和Opera等公司完成的网页标记分析。这些公司发现，许多网站使用id和class属性来暗示非语义元素内容的含义。
例如，他们发现了很多看起来像这样的 div：<div id="nav">、<div id="header">和<div id="footer">。此类发现有助于 W3C 识别和定位新的语义标签以包含在 HTML5 中，例如：nav和。我们可以将最常见和最重要的语义元素分为四类：header``footer``article``aside
过去，div元素是识别和分组网站部分的主要方式。然而，随着 HTML5 的发布，除了标签提供的分组属性之外，我们还有几个新标签可供使用，这些标签提供语义含义div：
在网络的早期，通常会看到这样的标记：
<style>
.italics { font-style: italic; }
</style>
<p>Some paragraph content including one
<span class="italics">italicized</span> word.
</p> 今天我们（希望）不会梦想做这样的事情，因为span元素告诉浏览器和其他计算机访问者完全没有关于嵌套在开始和结束标记之间的文本的含义或目的。我们不会使用非语义标签，而是在应该以斜体显示的单词周围span添加标签。em通过使用em标签，使用屏幕阅读器或访问内容的其他计算机的访问者将了解应用标签以增加对已标记内容的强调。该em元素只是 HTML 标记如何为文本内容添加语义含义的一个示例。其他示例包括：
我们的字体和 Web 排版教程提供了大量关于正确使用这些标签来为文本内容分配语义含义的详细信息。
HTML5 还包括三个标签，用于标识标签之间提供的媒体类型。这些标签有双重用途。首先，它们向浏览器发出信号，需要对特定技术资源（例如视频播放引擎）进行排队。其次，他们为内容赋予语义意义。
您可以在我们的HTML5 媒体教程中了解有关嵌入audio和video元素的更多信息。此外，我们关于在网络上使用图像的文章提供了有关何时使用该元素以及何时坚持使用该元素的更多信息。picture``img
几个 HTML 元素用于表示多个元素之间的相关性。例如，使用有序列表 ( ol) 告诉浏览器列表中的项目彼此相关，需要以特定的顺序出现。用于表示多个元素之间相关性的其他元素包括：
如果您是 HTML 新手，请花时间学习如何在语义上使用所有这些不同的 HTML 标记。如果您不确定您使用的标签是否正确，请花几分钟时间进行一些研究。正如我们所见，使用正确的标签很重要。如果您已经使用 HTML 一段时间了，请花点时间了解新的 HTML5 元素以及如何正确使用它们。在过去的几年里，HTML 变得越来越复杂，继续使用div带有class和id属性，但语义 HTML5 标记的可访问性和互操作性承诺足以接受这些新的语义元素。
那么你已经了解清楚语义标记了吗？
这些标记用于将页面分成多个部分。熟练地掌握这些标记将意味着构建出具有良好的结构和布局的页面，使其更加友好和易于阅读。
div标记定义了HTML文件中的一个部分或分区。它通常包含需要组合在一起的标题、段落、表格或其他元素。通过设置<div class="">与css一起使用来设置网页某个部分的显示。
p标记用来定义文本的段落，就像你在书中看到的那样，一旦文本达到屏幕边缘就会自动折到下一行。当另一个<p>标记用于开始下一个段落时，浏览器将在段落之间添加一些空白。p标记具有以下属性：
span标记用于将内联元素组合在一起，例如句子中的几个单词，以便仅对这些单词应用css样式。span标记可以在div和p标记中使用，因为它不会创建新的块。
br标记相当于一个回车符，用于在新行开始文本。一行中的多个<br>标记将在网页上创建一个很大的垂直空间。
hr标记通常被称为HTML行分隔符标记，创建一条通常用于视觉上分隔页面的水平线。它具有以下属性：
出于某种原因，你希望文本在一条直线上继续，而不是在屏幕的边缘换行，可以使用nobr。注意：这将迫使用户向右滚动以查看行的其余部分，这是一种糟糕的设计。
下面是以上标记的示例：
浏览器显示内容如下所示：
*请认真填写需求信息，我们会在24小时内与您取得联系。
