嘿,咱不能老靠着css

======= 文章正在更新,每个标签的例子没补全,完成进度为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> 

定义视频。

    原文作者:spencer_Xie
    原文地址: https://segmentfault.com/a/1190000000601483
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞