离线编辑即页面在没有网络的情况下加载完成,就像软件,如手机的一些软件在没网的情况下界面也可以布局出来。
格式化标签
<b>字体加粗标签
<i>字体斜体标签
<sub>下标标签
<sup>上标标签
<del>删除标签 //这在商品特价时常使用
a标签
a标签是链接地址的,它有一个属性是href,这个属性的值是URL,而在同目录下直接文件名即可或./根目录下
例子:
<a href="a.html"></a>
<a href="./a.html"></a>
链接到到达下层目录的文件
<a href="dir/b.html">Click into</a>
<a href="./dir/b.html">Click into</a>
到达上层目录
<a href="../a.html">click into</a>
属性title和target,一个是提示,一个打开方式:_blank/_self/_top
外部链接
<a href="http://www.163.com">网易官网</a>
<a href="mailto:793338023.com">联系我们</a>
foxmail发邮箱的软件
skype手机调试
tel:15018878760
<a href="tel:15018878760">拨打</a>
<a href="sms:15018878760">发短信</a>
在移动端很有用。
锚点:
href="#name"
兼容:name="name"
锚点指的是跳转到页面内目的地址的。如一页内有很多章节,可以为每个章节设置锚点,跳转过去,还有回到顶部这个作用。
img标签
img标签 设置宽度或高度就会自适应的缩放
alt="" 替代文字,可以做SEO搜索引擎
图像热区
超级不好调试的,会以目标图片的左上角为原点,就是占位大小不包括margin,占位大小有占位宽和站位高。
占位宽=width+border+padding;
站位高=height+border+padding;
而这个可以使用photoshop找到坐标,使用到标尺等工具。
<img src="img/0.jpg" usemap="#map1" />
<map name="map1">
<area shape="rect" coords="x1,y1,x2,y2" href="url" alt="替代文字">
</map>
如果图片很大,很长,只取某部分,那就使用图像热区。