2016年4月6日笔记

一 、

<meta charset = "utf- a" :编码

二、

HTLM5 新的特性：

1.标签不区分大小写

2.元素可以省略结束标签

3.允许省略属性的属性值

4.允许属性不使用引号

推荐开发工具：WebStorm

eclipse 快捷键：

注释： ctrl + shift + /

删除一行： ctrl + d

选中单词： ctrl + shift + 向上键

切换选项卡： alt + 左键/右键

格式化：ctrl  + shift + f

重新开始一行： shift + enter

跳到指定一行： ctrl + L

以单词为边界跳边界位置： ctrl + 右键/左键

三、HTLM 新增的结构元素

1.section 元素

    section 元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他地方。（后面跟标题）

2.artical 元素

    artical 元素表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或者报纸的一篇文章

3.aside 元素

  aside元素表示articale元素的内容之外的、与artical元素的内容相关的辅助信息

4 header 元素

    header元素表示页面中一个内容区块或者整个页面的标题

5 hgroup 元素

    hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合

6 footer元素

    footer元素表示整个页面或页面中一个内容区块的脚注，一般来说，它会包含创作者的姓名、创作日期以及创作者联系信息

7 nav元素

    nav元素表示页面中的导航链接的部分 常和<ul></ul>使用

示例;

<nav>

    <ul>

         <li><a href = "#"></a> </li>

    </ul>

</nav>

8 figure元素

 figure元素表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。

示例：

<figure>

<figcaption>PRC</figcaption>

<p>The People's Republic of china was born in 1949...</p>

</figure>

四、表格

<form method="get" action="#">

<input type="email" name="user_email"></input>

<button type="submit" value="提交">提交</button>

</form>

五、datalist

<input list="browers">

<datalist id="browers">

<option value="Internet Explorer"></option>

<option value="Firefox"></option>

<option value="Chrome"></option>

<option value="Safari"></option>

</datalist> 

</input>

六、ruby

<ruby> 汉 <rt>han</rt></ruby>