关于HTML(5)标签meta总结,附移动端实例

前言

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用的语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓存,网页定级评价,控制网页显示的窗口等!

CSS 尺寸单位大全

常用

%

百分比

px

像素 (计算机屏幕上的一个点)

em

相对于当前对象内文本的字体尺寸。例如:
1em 等于当前的字体尺寸;
2em 等于当前字体尺寸的两倍。
如果某元素以 12pt 显示,那么 2em 是24pt。
在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。

rem

使用rem同em一样皆为相对字体大小单位,不同的是rem相对的是HTML根元素。

关于html5的一些技巧

1. 新的文档类型(Doctype)

<!DOCTYPE html> 只要这么简单的15个字符就可以了。(注意:你的doctype的申明需要出现在你html文件的第一行。)

2. 图形(Figure)元素

HTML5通过引进<figure>元素,改进了图片和文字说明的搭配问题。当结合<figcaption>元素使用时,我们就可以将图形标题与图形配对起来。代码如下:

1
2
3
4
5
6
<figure> 
<img src="path/to/image" alt="About image" />
<figcaption>
<p>This is an image of something interesting. </p>
</figcaption>
</figure>

用Hexo搭建个人博客并部署到Github上

hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成。支持markdown编写文章,可以方便的生成静态网页托管在GitHub Pages, Heroku 或其他网站。

1.本地安装hexo

按顺序安装软件于本地电脑上(已安装的可以跳过)
安装Git:

  • Windows电脑下载 msysgit 并执行即可完成安装。
  • Mac电脑可以直接brew以下命令安装,

Markdown认识与入门

Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。