HTML | 在html4中常常容易被忽略的标签

做前端开发有一段时间了,最近面临毕业找工作,开始把学过的知识重新梳理一遍,发现在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属性必须成为前端开发的好习惯

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,678评论 1 45
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 4,086评论 4 70
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,320评论 1 41
  • 鹰嘴豆是一种高营养价值的食用豆, 富含多种植物蛋白和氨基酸、维生素、粗纤维及钙、镁、铁等成份, 其中粗蛋白含量高达...
    cuijianqd阅读 282评论 0 1
  • 我喜欢站台因为她能见证许多真情温馨的画面。我习惯于一个人在路边安静地看着身旁的陌路人,通过ta的神色语气动作来幻想...
    Yummy灬喵阅读 380评论 0 0