盒子
目录

语义化 HTML 笔记

本篇为主要学习 Justineo 的 slideshow: Semantic HTML
所做的学习笔记。

  1. <abbr>
1
<abbr title="World Wide Web">WWW</abbr>
1
2
3
4
abbr[title] {
borde-bottom: 1px dotted rgba(255,255,255,0.3);
cursor: help;
}
  1. q

3.

1
2
3
4
5
<blockquote cite=“http://www.w3.org/TR/html4/intro/intro.html#h-2.2” lang="en-US">
To publish information for global distribution, one needs
<mark>a universally understood language</mark>,
a kind of publishing mother tongue that all computers may potentially understand.
</blockquote>
  1. mark
  1. figcaption
  1. id 属性标识符(用于引用),不应依赖其语义处理相应元素
    class 属性: authors are encouraged to use values that describe the nature of the content

  2. title 属性:

    • 链接:描述目标信息
    • 图片: 版权/描述
    • 引用: 来源信息
    • 交互元素:操作指南
    • ….
  1. link 元素,元数据,用来描述文档本身与其他资源的关系;必须包含 rel 以及 href 属性。
1
2
3

<link rel="stylesheet" href="">
<link rel="author license" href="/about">

link + rel + author, link + rel + license 都有预定义的语义

a 元素

存在 href 属性时为超链接
缺少 href 属性时为链接占位符