前言
代码网址:http://www.stylinwithcss.com/
第一章 HTML 标记与文档结构
1.html 的含义
HTML 标记内容的目的是为了赋予网页语义(semantic)。就是要给你的网页内容赋予某些用户代理(user agent)能够理解的含义。用户代理:浏览器、给视障用户朗读网页的屏幕阅读器,以及搜索引擎放出的 Web 爬虫都是用户代理,它们需要显示、朗读和分析网页。
2. 闭合标签与自闭合标签的区别
闭合标签包含的是会显示的实际内容,而自闭合标签只是给浏览器提供一个对要显示内容的引用。浏览器会在 HTML 页面加载的时候,额外向服务器发送请求,以取得自闭合标签引用的内容。
3.alt 属性的作用
视障用户使用的屏幕阅读器会大声读出 alt 属性的内容,因此一定要给 <img> 标签的这个 alt 属性添加让人一听(或一看)就能明白的内容。
4. 搜索引擎关键词来源
title>h1
5. 段落的作用
段落用于标记主要的文本内容,是所有文本元素中出场率最高的一个。简言之,只要有不适合放在其他文本标签中的文本,都可以把它放一个段落里面。
6.<!DOCTYPE html> 含义
是一种简化的 DOCTYPE,这一行就是为了声明:“以下是一个 HTML 文档。”
7.html 标签
<html> 标签,也就是所谓的根级标签,<html> 标签只有两个直接的子标签:<head> 和 <body>。
8.head 标签
帮助浏览器理解页面的信息都包含在 <head> 标签中
9. 划重点
无论你想了解哪个 HTML 元素,第一个要问的问题都应该是:它是块级元素,还是行内元素?知道了这一点之后,就可以在编写标记的时候,预想到某个元素在初始状态下是如何定位的,这样才能进一步想好将来怎么用 CSS 重新定位它。
10.blockquote
引用,使用 cite 标签包含作者姓名。
11. 关于 dom
DOM 是文档对象模型,从浏览器的视角来观察页面中的元素以及每个元素的属性,由此得出这些元素的一个家族树
2019.01.20 看了这本书的第一章,感觉大部分以前都已经了解,不过也有收获。先看了一遍第一章然后作的笔记,做笔记的时候忘记了自己感兴趣内容的地方,不得不重新开头看一遍。下次注意标记。