一.初步接触快捷键
1.ctrl+O : 打开文件
文件夹的快捷键
2.Alt+B：在默认浏览器中打开html页
二.认识HTML5中的默认代码
<!DOCTYPE html> html5的声明
<html lang="en">
<head>
<meta charset="UTF-8"> 元数据设置
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>页面名
</head>
<body>
</body>
</html>
三.工具
元素：
1.title：显示当前页面的内容
2.class：
-
常用class名表
页头：header； 标志：logo； 侧栏：aside； 广告：banner； 导航：nav； 菜单：menu； 搜索：search； 滚动：scroll； 页面主体：main； 内容：content； 列表：list； 标题： title； 服务：service； 热点：hot； 新闻：news； 下载：download； 注册：regsiter； 合作伙伴：partner； 按钮：btn； 页脚：footer；
3.Id：唯一！！！（与class不同）
4.style：
- width/height：区块元素的宽/高
- color：字体颜色（赋值方式有英文、16进制数和rgb）
- background-color：背景颜色（赋值同上）
- font-size：字体大小（使用px像素作为单位）
- line-height：字体行高（可用来做文字的垂直居中）
- text-align：文字对其方式（可用来做文字的水平居中）
5.为何我们要使用语义化标签
当元素去掉或者丢失样式的时候能够让页面呈现出清晰的结构
有利于SEO（搜索引擎优化），语义化标签可以和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息——爬虫依赖于标签来确定上下文和各个关键字的权重
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页
便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化
在html5之前只能使用div作为结构元素，而html5新增了很多带有语义的标签
6.常用HTML5的结构标签
- header（双标签）：页眉，用于页面的头部的信息介绍或者板块头部
- footer（双标签）：页脚，用于页面的底部或者版块底部
- section（双标签）：版块，用于划分页面上的不同区域，或者划分文章里不同的节，属于article的一个部分
- hgroup（双标签）：页面上的一个标题组合，一个标题和一个子标题，或者标语的组合，如：
<hgroup> <h1>h1</h1> <h2>h2</h2> </hgroup> -
h1
h2
- nav（双标签）：导航，包含链接的的一个列表，如：
<nav> <h2>新卓越计算机课程</h2> <ul> <li><a href="#">javascript</a></li> <li><a href="#">html+css</a></li> </ul> </nav> - article（双标签）：用来在页面中表示一套结构完整且独立的内容部分，可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等 可以用header/footer/section等来做头部/脚部/部分
- aside（双标签）：元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分，aside 的内容应该与 article 的内容相关 被包含在article中作为主要内容的附属信息部分，其中的内容 以是与当前文章有关的引用、词汇列表等 在article之外使用，作为页面或站点全局的附属信息部分；最典型的形式是侧边栏(sidebar)，其中的内容可以是友情链接、附属导航或广告单元等
3471
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
