HTML
重要概念:
- 块级元素在页面中以块的形式展现 —— 相对于其前面的内容它会出现在新的一行,其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。
- 内联元素通常出现在块级元素中并环绕文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行:它通常出现在一堆文字之间例如超链接元素
<a>
或者强调元素<em>
和<strong>
。
剖析:
-
<!DOCTYPE html>
: 声明文档类型. 很久以前,早期的HTML(大约1991年2月),文档类型声明类似于链接,规定了HTML页面必须遵从的良好规则,能自动检测错误和其他有用的东西。使用如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
然而现在没有人再这样写,需要保证每一个东西都正常工作已成为历史。你只需要知道<!DOCTYPE html>
是最短的有效的文档声明。
- 许多
<meta>
特性已经不再使用。 例如,keyword<meta>
元素(<meta name="keywords" content="fill, in, your, keywords, here">
)— 提供关键词给搜索引擎,根据不同的搜索词,查找到相关的网站 — 已经被搜索引擎忽略了, 因为作弊者填充了大量关键词到keyword, 错误地引导搜索结果。 -
Open Graph Data(开放内容协议),Open Graph 协议可以使任何网页在社交媒体上变成富媒体,举例来说,Facebook使用了这项协议才变得任何网页在Facebook上都能表现出相似的功能。目前只发现了可以定义分享内容的功能,Facebook可以做到更多交互和应用。
<meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png">
常用 Open Graph 属性:
- og:title 标题
- og:type 类型 常用值:article book movie
- og:image 略缩图地址
- og:url 页面地址
- og:description 页面的简单描述
- og:site_name 页面所在网站名
- og:videosrc 视频或者Flash地址
- og:audiosrc 音频地址
常见实体引用:
原义字符 | 等价字符引用 |
< | < |
> | > |
" | " |
' | ' |
& | & |