网页的构造
基本的HTML页面
<!DOCTYPE html>//告诉浏览器这是一个HTML页面
<html lang="en">//可以指定语言
<head>
<meta charset="utf-8" />
<title>TITLE</title>
</head>
<body>
</body>
</html>
//HTML代码的缩进与内容再浏览器中的显示无关。
标签
元素
HTML5中空元素结尾的空格和斜杠是可选的。XHTML则要求空元素结尾处必须有斜杠。
按照惯例,元素的名称都用小写字母,但HTML5并未对此次进行要求。
属性和值
属性值两边的引号是可选的,但习惯上还是要写上。
尽量使用小写字母编写属性的名称。
布尔属性(Boolean attribute): 这种属性只要出现就表明其值为真。
文本内容
浏览器呈现HTML是,会将文本中的多个空格或制表符压缩成一个空格,把回车符和换行符转换成单个空格,或者将他们一起忽略。
文件名和文件夹名
html-note.html
文件名全部用小写字母,用短横线分割单词。
文件夹名称也应全部用小写字母。
URL
URL(Uniform Resource Locator, 统一资源定位符)是地址的别名。它包含关于文件存储位置和浏览器应该如何处理它的信息。
URL的第一部分称为模式(scheme)
"http://www.site.com/tofu/index.html"
URL的第二个部分是主机名,紧接着是路径。
有时URL不以文件名结尾,而是以一个目录结尾。这时,URL指的是路径中最后一个目录的默认文件,通常为index.html
。
其他常见模式有用于下载文件的ftp(File Transfer Protocol, 文件传输协议)。用于发送邮件的mailto。
"ftp://ftp.site.com/pub/html.md"
"mailto:somename@somedomain.com"
模式后面通常是一个冒号加两个斜杠,mailto是个例外。
相对目录
- ../ 上层目录
- / 根目录
如果不是在服务器本地开发,通常使用相对URL。
semantic HTML
语义化HTML很重要。
网友评论