<注>本文仅为个人的学习笔记，如有错漏，请多包涵、指教。
HTML标签的语义化，可以让网页更好的被搜索引擎理解。
<p></p>：文章段落，自带样式是段落前后自动留白，可通过编写css消除。
<hx></hx>：文章的标题，h1,h2,h3,h4,h5,h6，默认字体均加粗，文字大小按此顺序递减。
<em></em>：语气强调，默认斜体字。
<strong></strong>：语气更强烈地强调，默认加粗字体。
<span></span>：没有语义，通常用来为文字设置单独的样式。
<q></q>：短文本引用。
<blockquote></blockquote>：长文本引用。浏览器对此标签的解析是左右均有缩进。
<br>：分行现实文本，即，换行。
：一个空格。注意这里的空格符是以&开始，以 ; （分号）结束的。
<hr>：添加水平横线。（有默认样式，可以通过css改变）
<address></address>：为网页加入地址信息。（默认斜体字，单独成一段，段落上方有留白）
<code></code>：加入一行代码，<code>代码预言</code>。
例：<code>var i=i+30;</code> 或 <code>{background:#0064ca}</code>
<pre></pre>：加入多行代码，<pre>语言代码段</pre>。默认另起一个段落，保存了代码中的格式，无需另外写入换行符和空格符等。
<ul></ul>：无序列表，多用于新闻列表这种不需要顺序的列表。
<ol></ol>：有序列表，多用于Top榜单这种需要顺序的列表。
<div></div>：划分独立的逻辑部分（就是我们常说的栏目版块之类的），相当于一个容器。可以用 id 这个属性给 div 命名，命名需唯一。
<table></table>：table中还包含着一些标签，caption , tbody , tr , th , td 。table默认没有表格边框。
<a></a>：超链接，连接到另一个页面。
<img>：为网页插入图片。
<form>：表单交互。表单把浏览者输入的数据传送至服务器。下面的所有标签都属于表单控件，必须放在<form>标签中。
<form method="get/post" action="save.php">……</form>
<input>：文本/密码输入框；提交/重置按钮；单选/复选框。
<textarea>：文本域，支持多行文本输入。
<select>：下拉列表框。
<label>：标签文本。可以与表单中的其他控件绑定，单击标签时，将自动聚焦于和该标签绑定的表单控件上。
整理自慕课网：慕课网HTML+CSS基础教程
网友评论