第一章:网页的构造块
1.一个网页主要包含以下三个部分:
文本内容、对其他文件的引用、标记
2.基本的HTML页面
·网页的顶部和头部:
顶部:<!DOCTYPE html>
<html lang=”en”>
头部:<head></head>
<mate charset=”utf-8”>
<title></title>
·网页的主体:
<body></body>
3.标签的组成:元素、属性、值
<img src=”blueflax.jpg”>
其中: <img>是元素,src是属性,=后面”blueflax.jpg”是src的值。
不同的 属性-值 对之间用空格隔开。
4.父元素和子元素
如下代码:
<article>
<h1>The Ephemeral Blue Flax</h1>
<img src=”blueflax.jmg”/>
<p> …continually <em> amazed </em> …delicate <a…> Blue Flax</a> …</p>
</article>
结构如下:
<article> -------------------父元素
<h1> <img> <p> --------------<article>的子元素
<em> <a> --------<p>的子元素
其中:<h1> <img> <p> <em> <a>全为<article>的后代,<article>是它们的祖先。<h1> <img> <p>为<article>的直接后代,<article>是它们的直接祖先。同一级中,紧挨着的为直接同胞,没有紧挨着的为一般同胞。
5.为文件和文件夹命名采用小写字母,不要在文件名和文件夹名中使用空格分隔单词,应该使用短横线。
6.绝对路径和相对路径:
绝对路径包含了指向目录或完整信息,包括模式、主机名和路径。相对路径指的是相对于提供信息的文件的路径。
7.rel="external":告诉搜索引擎这个链接来自外部引用。
rel="nofollow":告诉搜索引擎不要将这个链接计入权重。
rel="external nofollow":告诉搜索引擎这个链接是外部链接而且不要计入权重。
a 元素的 title 属性效果是:当用户鼠标滑过该链接,就会显示title属性的内容。增加了 a 元素的语义。
8.语义为什么重要:
提升可访问性和互操作性。
提升搜索引擎优化(SEO)的效果。
使维护代码和添加样式变得更容易。
使代码更少,页面加载更快。