嘿,咱不能老靠着css

583 查看

======= 文章正在更新,每个标签的例子没补全,完成进度为30% ========

在古老古老的以前,那时候HTML没有css。定义是:

超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”

所以HTML的标签即语义标签,用来做为一种信息记录载体,“文档”貌似就是很好的一个称呼。在没有css的帮助下,页面也是有自己的一个文档格式(样式)——“具有良好语义化结构”。我想也可以理解为在没有css帮助下,也有良好的可读性。

很久很久的之后的现在,应该尽量保留HTML这一原生的优点。(以下内容在HTML5的基础上整理,HTML不支持的就不写了)

HTML标签语义简单示意:

<!DOCTYPE> 

HTML5,非常炫酷简单的 定义文档类型.


<a> 

超链接,不用多说~p.s.注意不同链接类型用对


<abbr>

定义缩写。例子


<area>

定义图像映射中的区域 例子


<area>

定义图像映射中的区域 例子


<article>

定义 article


<aside>

定义页面主要内容旁边的内容。特别是用于2栏的布局。


<audio>

定义音频文件


<b>

bold加粗文字。(纯粹定义这个部分用bold的样式而已)


<base>

定义页面中所有链接的基准 URL,页面其他相对路径都是相对这个基准URL 详情


<bdi> //定义文本的文本方向,使其脱离其周围文本的方向设置。
<bdo> //定义文本显示的方向。

定义文本的文本方向,使其脱离其周围文本的方向设置 例子


<blockquote>

块级引用内容


<body>

定义 body 元素


<br>

插入换行符


<button> 

定义按钮,和type="submit"的input的区别。简单的说就是,button这个里面可以加html,而且在老IE中,button这个有bug,比如IE6下会加额外的padding给button元素。


<caption>

定义表格标题 http://jsfiddle.net/lifetempo/7k4t9/


<cite>

定义引用 http://jsfiddle.net/lifetempo/aWa9B/


<canvas>    

定义图形


<caption>   

定义表格标题。


<cite>  

定义引用


<code>  

定义计算机代码文本。


<col>   

定义表格列的属性。


<colgroup>  

定义表格列的分组。


<command>   

定义命令按钮。

<datalist>  

定义下拉列表。


<dd>    

定义定义的描述。


<del>   

定义删除文本。


<details>   

定义元素的细节。


<dfn>   

定义定义项目。


<div>   

定义文档中的一个部分。


<dl>

定义定义列表。


<dt>    

定义定义的项目。


<em>    

定义强调文本。


<embed> 

定义外部交互内容或插件。


<fieldset>  

定义 fieldset。


<figcaption>    

定义 figure 元素的标题。


<figure>    

定义媒介内容的分组,以及它们的标题。


<footer>    

定义 section 或 page 的页脚。


<form>  

定义表单。


<frame> 

HTML 5 中不支持。定义子窗口(框架)。


<h1> to <h6>    

定义标题 1 到标题 6。


<head>  

定义关于文档的信息。


<header>    

定义 section 或 page 的页眉。


<hgroup>    

定义有关文档中的 section 的信息。


<hr>    

定义水平线。


<html>  

定义 html 文档。


<i> 

定义斜体文本。


<iframe>    

定义行内的子窗口(框架)。


<img>   

定义图像。


<input> 

定义输入域。


<ins>   

定义插入文本。


<keygen>    

定义生成密钥。


<kbd>   

定义键盘文本。


<label> 

定义表单控件的标注。


<legend>    

定义 fieldset 中的标题。


<li>    

定义列表的项目。


<link>  

定义资源引用。


<map>   

定义图像映射。


<mark>  

定义有记号的文本。


<menu>  

定义菜单列表。


<meta>  

定义元信息。


<meter> 

定义预定义范围内的度量。


<nav>   

定义导航链接。


<noscript>  

定义 noscript 部分。


<object>    

定义嵌入对象。


<ol>    

定义有序列表。


<optgroup>  

定义选项组。


<option>    

定义下拉列表中的选项。


<output>    

定义输出的一些类型。


<p> 

定义段落。


<param> 

为对象定义参数。


<pre>   

定义预格式化文本。


<progress>  

定义任何类型的任务的进度。


<q> 

定义短的引用。


<rp>    

定义若浏览器不支持 ruby 元素显示的内容。


<rt>    

定义 ruby 注释的解释。


<ruby>  

定义 ruby 注释。


<samp>  

定义样本计算机代码。


<script>    

定义脚本。


<section>   

定义 section。


<select>    

定义可选列表。


<small> 

将旁注 (side comments) 呈现为小型文本。


<source>    

定义媒介源。


<span>  

定义文档中的 section。


<strong>    

定义强调文本。


<style> 

定义样式定义。


<sub>   

定义下标文本。


<summary>   

定义 details 元素的标题。


<sup>   

定义上标文本。


<table> 

定义表格。


<tbody> 

定义表格的主体。


<td>    

定义表格单元。


<textarea>  

定义 textarea。


<tfoot> 

定义表格的脚注。


<th>    

定义表头。


<thead> 

定义表头。


<time>  

定义日期/时间。


<title> 

定义文档的标题。


<tr>    

定义表格行。


<track> 

定义用在媒体播放器中的文本轨道。


<ul>    

定义无序列表。


<var>   

定义变量。


<video> 

定义视频。