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等文件名。