您的位置:首页 > Web前端 > HTML

html中具有语义化标签的元素

2016-11-18 22:31 323 查看
1.h1,h2
2.ul,ol和dl
<dl> 标签定义了定义列表(definition list)。
<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)

<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>


3.strong,em //em用来强调文本一般呈现为斜体


4.fieldset,legend,label
//通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎
//分度器提供有用的信息
legent,fieldset组合表单中的相关元素
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>


5. blockquote和cite
<blockquote> 标签定义块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
定义和用法
<cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
按照惯例,引用的文本将以斜体显示。
用 <cite> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。
<cite> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。<cite> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。


6.abbr acronym,code
<abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO"。
通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息
<acronym> 标签定义首字母缩写。
缩写能够作为单词来朗读,例如 NATO, NASA, ASAP, GUI。
通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息
<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容


7.caption,thead,tbody和tfoot
caption 元素定义表格标题。
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上
thead 定义表头
<table border="1">
<caption>this is a test</caption>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>

<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html