HTML5 基础知识(一)

渐进增强:一种最佳实践。这不是一门语言,而是一种建站方法。这个想法很简单,但也很强大:开始用所有人都能访问的HTML内容和行为构建网站,再用CSS加入你的设计,最后用JavaScript添加额外的行为。这些组件是分离的,但可以同时发挥作用。本质上,渐进增强背后的涵义就是共赢。

网页的构造块:

一个网页主要包含以下三个部分:

1、文本内容

2、对其他文件的引用

3、标记

此外在每个HTML页面的开头都有一些主要用于浏览器和搜索引擎的信息。浏览器不会将这些信息呈现给访问者。

HTML用来描述内容是什么,CSS控制内容的外观;

实例:

<!DOCTYPE html>//标记该页面为HTML5页面

<html lang="en">

<head>

<meta charset="utf-8"/>

<title>Your page title</title>

</head>

<body>

.......

</body>

</html>

标签的组成:

元素、属性、值

按照惯例:元素的名称都用小写字母。

属性包含了元素的额外信息,HTML5中,属性两边的引号是可选的,但习惯上大家还是会写上;尽量使用小写字母编写属性的名称。

如果一个元素包含另一个元素,它就是被包含元素的父元素。

文件名采用小写字母;

使用正确的扩展名;

用短横线分隔单词。

短横线是搜索引擎更容易接受的方式。

URL:

统一资源定位符,它包含关于文件的存储位置和浏览器应如何处理它的消息。

URL的第一个部分称为模式,模式告诉浏览器如何处理需要打开的文件。最常见的模式是HTTP;

URL的第二个部分是文件所在的主机的名称,紧接着是路径,路径包含到达这个文件的文件夹以及文件自身的名称;

模式最常用的是http、mailto、ftp;模式后面通常紧跟一个冒号和两个斜杠。

绝对URL:包含了指定目录或文件的完整信息;

相对URL:以URL本身的文件的位置为参照点,描述目标文件的位置。

如果不是在服务器本地开发网站,通常使用相对URL。

选择将文件保存为纯文件格式时,文件会以系统默认字符编码保存。如果需要创建其他编码的网页,则需要使用可以选择编码类型的文本编辑器。通常UTF-8是最好的选择。

大多数web服务器会根据文件名识别每个文件夹中的默认页面。大多数情况下系统会将index.html作为默认页面,如果没有,将继续寻找index.htm default.html等文件名。











posted on 2015-01-13 22:12  浮沉魅影  阅读(112)  评论(0编辑  收藏  举报

导航