HTML | 在html4中常常容易被忽略的标签
2018-09-09 本文已影响12人
不忘初心CKL
做前端开发有一段时间了，最近面临毕业找工作，开始把学过的知识重新梳理一遍，发现在HTML方面，有很多标签常被我忽略。今天主要是把HTML4中的忽略部分梳理一遍
文本格式化标签
- 加粗 <b></b> / <strong></strong>
- 斜体 <em></em> / <i></i>
<i></i> 常常被我用来放小图标之类的
- 缩小 <small></small>
- 下标
- 上标
缩写
- 鼠标移上去展示缩略词语的完整版本
<abbr title="etcetera">etc.</abbr>
想起来以前这种功能我还用css写，真是吐血 。不过这个标签要注意某些浏览器不兼容
删除字效果
- <del></del>
想起这个以前也用css写，，真的是。。。
当前页面链接到指定位置
<p>
<a href="#C4">查看章节 4</a>
</p>
<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>
<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>
html 头部
- <title></title>
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
不仅可以显示文本，也可以在左侧显示logo等图片。显示时，要将<link>标签放入<head>里
<link rel="shortcup icon" href="图片url">
<title>这是一个带图片的标签</title>
</head>
- <meta>
通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和
其他元数据
HTML 图像
- alt 属性
用来为图像定义一串预备的可替换的文本
<img src="boat.gif" alt="Big Boat">
这是一个很重要的属性，为每个图片添加alt属性必须成为前端开发的好习惯
