码迷,mamicode.com
首页 > 其他好文 > 详细

重新理一遍,整理一些重要却不常见的点

时间:2019-10-22 18:48:19      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:mda   使用   html   分享   mil   develop   结构   rap   ble   

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 音频地址

常见实体引用:

 

原义字符 等价字符引用
< &lt;
> &gt;
" &quot;
&apos;
& &amp;

 

重新理一遍,整理一些重要却不常见的点

标签:mda   使用   html   分享   mil   develop   结构   rap   ble   

原文地址:https://www.cnblogs.com/llll/p/11721249.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!