HTML标签语义

语义化，是指用合理HTML标记以及其特有的属性去格式化HTML文档内容,使得机器可以理解。语义化的HTML文档有助于提升网站对访客的易用性，比如说，屏幕阅读器可以更容易读出网页内容。网页爬虫可以更容易找到感兴趣的内容。随着Web规模的不断扩大，信息量越来越大，Web开发不仅仅是利用标签实现特定的网页效果，让机器能够更好地读懂Web上发布的各种内容变得越来越重要，后者将为数据挖掘和处理带来极大的方便。为了实现标签的语义化，开发者必须明白每个标签的用途（在什么情况下使用此标签合理）。比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。下面是HTML常用标签的语义（作者不太熟悉的）：

• <p>：段落标签，如新闻中有三段文字，则应放在三个<p>标签中。
• <hx>:标题标签，x为1-6，共有六级，其中，<h1>一般用在网站名称上，例如“腾讯网”。
• <strong><em>:表示强调，默认情况下，浏览器中<em> 用斜体表示，<strong> 用粗体表示。
• <span>:无语义，它的作用就是为了设置单独的样式。
• <q>：短文本引用，引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
• <blockquot>：长文本引用。浏览器对<blockquote>标签的解析是缩进样式。
• <br />:(现在一般采用xhtml1.0写法)，回车换行。<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />。
• <address>：地址信息，也可是作者、签名等。
• <code>：一行代码，多行代码时不能使用<code>标签。
• <pre>:多行代码，<pre>标签的实际语义是：预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
• ul-li：没有前后顺序的信息列表，如新闻列表。
• ol-li:有前后顺序的信息列表，如当当网上的书籍热卖排行榜。
• <div>:划分独立的逻辑部分。为了使逻辑更加清晰，应该为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称。
• <table>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。summary属性可为表格添加摘要，摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)。<caption>标签为表格添加标题。
• <a>:链接
• <img>:图片
• <form>:表单可以把浏览者输入的数据传送到服务器端，服务器端程序处理表单传过来的数据。action属性指浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)；method 属性指数据传送的方式（get/post）。所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在 <form></form> 标签之间，否则用户输入的信息可提交不到服务器上。post/get 的区别属于后端程序员考虑的问题。
• <input>:文本输入框，密码输入框、单选框、复选框、提交按钮、重置按钮。value为文本框默认值。name为文本框命名，以备后台使用。
• <textarea>：文本域。可以设置列数（cols）和行数（rows）。这两个属性可用css样式的width和height来代替。
• select-option：下拉列表框。
• <label>:label标签除了显示文本外，还可以为鼠标改进可用性。点击 label 标签的文本时，可以触发与label相关的控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。因此，label标签的 for 属性中的值应当与相关控件的 id 属性值相同。
-