关闭

初识html5

标签: html5
134人阅读 评论(0) 收藏 举报
分类:

这几天刚刚学习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。应该就是对齐方式的原因把,本人还是个菜鸟,过来人指点指点啦!

 

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9268次
    • 积分:282
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:15篇
    • 译文:0篇
    • 评论:2条
    最新评论