这几天刚刚学习html5，正在学习一些基本语法。今天就先把之前学习的一些知识点复习一下把，一开始学习什么语言，总是感觉很枯燥的。
1
<li>表示列表项目
body 以上的东西都是为搜索引擎和浏览器准备的
标签的组成 元素(element)、属性（attribute）、值（value）
2
<img/>这是一个空元素
<label 元素>（关联文本标签和表单字段）
3
<属性总是位于元素的开始标签内 属性的值通常放在一对引号中
<label for="email">Email Address</label>
4
<a href="" rel="external" title=" " >Beautiful girl</a>
href,rel,title 都是a的属性 有的元素可以有多个属性
5
html 会把文本中的多个空格和制表符压缩成单个空格
或者将它们一起忽略
6
直接在head后面指定文档的编码是utf-8
7
html5提供了audio 和video元素缓解了flash运行会耗费太多的资源
无需使用插件就可以播放视频和音频
falsh 已经快要被淘汰了 哈哈、
8
文件名都是用小写必须保持一致
busin-student.htm 短横线是搜索引擎更容易接受的方式
9
URL 的第一个部分称为模式（Scheme）
告诉浏览器如何处理需要打开的文件 最常见的模式是http模式
https是从http衍生下来的 用于电子商务网站等安全网页
http://www.baidu.com /tofu/index.html
模式 主机名 目录 文件名
10
根相对url
返回到根的url 直接使用一个/ 但是这种做法只能试用于web
服务器，如果是网站托管服务供应商的web服务器 以及本地计算机
的服务器就不可以了
11
如果不是在服务器而是在本地开发网站就应该使用相对路径
12
html 描述的是Html的内容的含义，就是语义
<em>表示强调 通常会用斜体表示文本，没有多大的用处</em>
13
block 和inline 在html5之前大多数元素都可以被划入块级
(block-level)从新行开始显示 或者行内（inline-level）
和其他内容在同一行显示html5废弃了这些术语
因为这些术语把元素和表现关联起来 而html5并不负责表现
以上都是周六看书的时候觉得很重要的知识点。
周六的时候跟着书上做了一个简单的例子，发现了一个问题，如果有大牛希望能够指点一下以下是代码
<!DOCTYPE HTML>
<head>
<meta charset="utf-8">
<title>页面结构</title>
<style type="text/css">
header,nav,article,footer
{border:solid 1px #666;padding:5px}
header{width:600px}
nav{float:left;width:60px;height:100px}
article{display:inline;float:left;width:528px;height:100px}
footer{clear:both;width:600px}
</style>
</head>
<body>
<header>导航</header>
<nav>菜单</nav>
<article>
<p style="border:solid 1px">shabi</p>
<p>nihao</p>
</article>
<footer>底部说明</footer>
</body>
</html>可以看到 header 和footer 的底部都是600px nav是和article一起的因为它们都是左对齐的,那么nav.width+article.width=60+528=588 那么剩下的12px被吃了看吗？
效果图看见没有还是对齐的，所以我推测那12px是被 那个对齐方式给吃了，试了以下把float:left去了每个都直接换到下一行出现了。那个时候都需要600px。应该就是对齐方式的原因把，本人还是个菜鸟，过来人指点指点啦！
扫一扫
1270
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
