HTML5与CSS3基础教程(中文第8版)笔记:第 1 章 网页的构造块

1.2 基本的 HTML 页面

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Your page title</title>
	</head>
	<body>
	</body>
</html>

1. 网页的顶部和头部
       <!DOCTYPE html> 部 分( 称为DOCTYPE)告诉浏览器这是一个 HTML5 页面。 DOCTYPE 应该始终位于页面的第一行。
       <html lang="en"> 为网页指定语言

 

1.3 标签:元素、属性、值及其他

        标签的组成:元素(element)、属性(attribute)和值(value)。
        
        1. 元素
        在 HTML5 中,空元素结尾处的空格和斜杠是可选的。 XHTML 要求空元素结尾处必须有斜杠。
        以前用 XHTML 的人恐怕仍然倾向于在 HTML5 中继续使用斜杠,而其他人可能已经不用了。 不管选择哪种方式,建议始终保持一致。

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


        2. 属性和值
        数字值无需包含单位,只需输入数字本身。图像和视频的宽度和高度是有单位的,默认为像素。

        URL(统一资源定位符,是万维网上文件的唯一地址)
        
    
    1.4 网页的文本内容
            将 charset 值指定为 UTF-8 和 utf-8 的结果是一样的。


    1.6 文件名和文件夹名
    
        对文件进行组织,使访问者更容易找到并访问你的页面,确保他们的浏览器能正确地处理页面,以及增强搜索引擎优化(SEO)
        1. 文件名采用小写字母
        
        2. 使用正确的扩展名
        尽管也可以使用 .htm 作为网页的扩展名,但通常使用的是 .html。
        
        3. 用短横线分隔单词
        不要在文件名和文件夹名中使用空格分隔单词。应该使用短横线,例如 companyhistory.html 和 my-favorite-movies.html。 
        有的网站使用下划线(_),我们不推荐这种做法,因为短横线是搜索引擎更容易接受的方式。
      

1.7 URL
        URL(Uniform Resource Locator,统一资源定位符)是地址的别名。

        URL 的第一个部分称为模式(scheme)。模式告诉浏览器如何处理需要打开的文件。
        最常见的模式是 HTTP(Hypertext Transfer Protocol,超文本传输协议)。

        HTTP 是用于访问网页的。 HTTPS 是从 HTTP 衍生来的,用于电子商务网站等安全网页。它的格式同 HTTP 一样,只是用 https 替代了 http。

         模式      主机名           路径
        "http://www.site.com/tofu/index.html"
                                        目录  文件名

        URL 的第二个部分是文件所在的主机的名称,紧接着是路径,路径包含到达这个文件的文件夹以及文件自身的名称(这些都是可选的)。
        
        有时, URL 路径不以文件名结尾,而以一个目录结尾(可以包含一个结尾的斜杠,也可以不包含), 如图 1.7.2 所示。
        在这种情况下, URL 指的是路径中最后一个目录中的默认文件,通常为 index.html。
        (通常情况下,所有 Web 服务器的配置都将 index.html 作为默认文件名,因此你不必修改任何服务器配置。)
        
        其他模式有用于下载文件的 ftp(File Transfer Protocol,文件传输协议),用于发送电子邮件的 mailto
        
        1. 绝对 URL

        绝对 URL(absolute URL)包含了指向目录或文件的完整信息, 包括模式、主机名和路径
        
        2. 相对 URL
        
        引用同一目录下的文件    
        如果目标文件与当前页面(也就是包含URL 的页面)在同一个目录中, 那么这个文件的相对 URL 就只有文件名和扩展名
        
        引用子目录下的文件
        如果目标文件在当前目录的子目录中,那么这个文件的相对 URL 就是子目录名,接着是一个斜杠, 然后是文件名和扩展名
        
        引用上层目录的文件
        如果要引用文件层次结构中更上层目录中的文件, 那么应该使用两个句点和一个斜杠
        
        根相对 URL
        在最开始使用一个斜杠,这样本例中的根相对 URL 就是 /img/family/vacation.jpg(假定 img 文件夹位于网站的根文件夹,这也是惯常的用法)。
        需要强调的是,这种做法只能用于 Web 服务器,例如在网站托管服务供应商的 Web 服务器上,或者在本地计算机运行的 Web 服务器上(参见提示)。
        
        3. 绝对 URL 和相对 URL 的比较

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值