10个未被充分利用或被误解的HTML标签

2019-10-26 17:24:11

字体：大中小

来源：转载

供稿：网友

这里是10个未被充分利用或被误解的HTML标签。或许它们不太广为人知，但是在特定情况下他们却非常有用。
网页开发人员常常希望能够了解并掌握多种语言，结果是，学习一门语言的所有内容是棘手的，但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签。
译自：TutsPlus
不幸的是我们到现在还没有涉足的那些比较不知名的HTML标记所有潜力。但它永远不会太晚重新进入领域，并开始编写代码来发掘这些未开发的标签的能量。
这里是10个未被充分利用或被误解的HTML标签。或许它们不太广为人知，但是在特定情况下他们却非常有用。
1. <cite>
貌似每个人都比较熟悉<blockquote> 标签，但是你可知道<blockquote>的小弟弟<cite>？<cite> 允许你定义元素内的文字作为一种参考。一般，浏览器会用斜体来显示<cite> 标签内的文字，但是这可以用一点CSS来改变。
<cite> 标签对于引用目录或其它网站的参考非常有用。这里是一个在段落中使用cite标签的例子:
David Allen的突破性组织性的图书完成你的工作给忘了带来了一场风暴。2. <optgroup>
<optgroup>标签是定义select标签中的选项分组的一种很好的方法。比如，你需要按时间来分组电影列表，那么就可以这样做：
12
<label for="showtimes">上映时间</label><select id="showtimes" name="showtimes"> <optgroup label="下午一点"></optgroup> <option value="titanic">泰坦尼克号</option> <option value="nd">贫民窟的百万富翁</option> <option value="wab">怪物史瑞克</option> <optgroup label="下午两点"></optgroup> <option value="bkrw">狮子王</option> <option value="stf">全民超人</option> </select>
演示:
上映时间

它可以在视觉上区分电影列表。3. <acronym>
<acronym> 是一种定义或更多解释一组文字的方法。当你用鼠标放到使用<acronym>标签的文字时，一个显示title标签的内容的框框将会出现在下边。比如：

上一篇：网页HTML代码：滚动文字的制作

下一篇：HTML网页的段落排版和换行

学习交流

电脑开不了机的原因和解决办法

电脑开不了机的原因和解决办法...

热门图片

猜你喜欢的新闻

猜你喜欢的关注