以下浅记几个常见标签:
一、 图像标签:
为页面插入图片,可插入的图像格式有gif、png、jpeg等
如:
<img src="/media/examples/grapefruit-slice-332-332.jpg" alt="flower" title=“picture”>
src 指图像的url链接
alt 指描述图像的替换文本。当网页上图片加载不出来时,会显示此文本。一般当图像的URL是错误的,或该图像不在支持的格式列表中,或者如果图像还没有被下载,此时图片会无法加载显示。
title 当鼠标光标移向图片时,会显示此处的文字。
width 设置图像的宽度
height 设置图像的高度
二、nav导航标签
菜单,目录和索引栏。如:
<nav class="menu">
<ol>
<li><a href="xxx">One</a></li>
<li><a href="xxx">Two</a></li>
<li>MORE</li>
</ol>
</nav>
这样会制成一个竖状的导航列表。可用css:display: inline-block 变成横向导航。
一个网页可以包含有多个nav元素。
三、dl 标签
定义列表、为术语定义以及描述的列表,通常用于展示词汇表或者元数据,常与<dt>(定义列表中的项目)、<dd>(描述列表中的项目)连用。如:
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
<dd>会在段落前自动空两个字节。