第1章 网页的构造块

《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1025次

基本hmtl页面结构

基本的html页面由顶部(html说明)、头部(head)、主体组成(body)
模板:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>网页标题</title>
</head>
<body>
    网页内容
</body>
</html>

标签:元素、属性、值

html页面由标签组合、嵌套而成,标签则由元素、属性、值组成。每个元素由开始标签和结束标签组成,少部分元素无结束标签

属性和值:属性是用来提供元素的信息的,值指的是属性的值

父、子元素:元素之间的嵌套关系构成了元素的父子关系,嵌套元素为父,被嵌套元素为子

文件名

建议:文件名使用小写

建议:文件名使用连字符”-“分割单词

文件名后缀为”.html”或”htm”

URL

URL(Uniform Resource Locator, 统一资源定位符)是地址的别名,包含文件的存储位置和浏览器对其处理方式。

绝对URL(absolute URL):显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关,

相对URL(relative URL):以包含URL本身的文件夹的位置为参考点,描述目标文件夹的位置。 如果目标文件与当前页面(也就是包含URL的页面)在同一个目录,那么这个文件的相对URL仅仅是文件名和扩展名, 如果目标文件在当前目录的子目录中,那么它的相对URL是子目录名,后面是斜杠,然后是目标文件的文件名和扩展名。 如果要引用文件层次结构中更高层目录中的文件,那么使用两个句点和一条斜杠。 可以组合和重复使用两个句点和一条斜杠,从而引用当前文件所在的硬盘上的任何文件。 一般来说,对于同一服务器上的文件,应该总是使用相对URL,它们更容易输入, 而且在将页面从本地系统转移到服务器上时更方便,只要每个文件的相对位置保持不变,链接就仍然是有效地。

URL-百度百科

元素的语义

各种标签都有对应的语义,有了语义才能更好的进行处理不同的元素。

使用语义的好处:

  • 提高搜索引擎优化效果
  • 维护代码、增加css样式方便
  • 提高可访问性和操作性
  • 浏览器的默认样式

每个浏览器都有一个内置的css样式表文件,决定每个html元素的默认样式。

本文标签: HTML CSS

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.luoluolzb.cn/articles/2/chapter-1-building-blocks-of-web-pages
您需要登录后才发布评论。 点此登录
用户评论 (0条)

暂无评论,赶紧发表一下你的看法吧。