【读书笔记】Head first HTML with CSS 第二版_html/css_WEB-ITnose
IE无法正确显示页面主体周围的边框 body{border:}
index.html#id 用id链接到页面元素
像素:你的计算机显示屏是由树百万个称为像素的点组成的
换行,void类型的元素 XHTML中更严格的语法要求
-
块元素
行内元素
- 根据具体的上下文,既可以是内联元素也可以是块元素,因为它可以包含块元素,而不仅仅是文本
-
是块元素和内联元素之间的模糊地段,它的确会创建一个换行,但不会像那样把一个文本分成单独的两块
-
是内联元素,它不会在前面或者后面插入换行, alt属性指定描述这个图像的一些文本 。浏览器是在下载了html文件并开始显示页面之后才开始下载图像,如果为img提供了width和height属性,浏览器在显示图片之前就可以开始建立页面布局,如果没有指定,则浏览器在下载图像之后才能知道大小,需要重新调整页面布局
为什么不能直接使用width和height来调整图片的大小?因为浏览器在缩放图像使之适应页面大小之前,仍然需要获取整个大图像。width和height属性实际上是帮助浏览器确定要为这个图像预留多大的空间,如果要使用这两个属性,则它们应当与图像的实际宽度和高度一致
表格: ordered list
unordered list
-
- list item
定义列表
-
- 定义术语
-
- 定义描述
- HTML 实体:
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。
参考链接:HTML ISO-8859-1 参考手册
字符实体类似这样:
- < <
-
- > & ©right;
注释:实体名称对大小写敏感!实体数字被浏览器支持的更好
HTML不会再有6,7,8 HTML不会再有版本6、7、8….制定标准的人已经把这个规范变成了一个活的标准,它会随着技术的发展形成相应文档。所以,不再有版本号,你甚至可以不把它叫做HTML5,因为从现在开始,它只是“HTML”
向后兼容性(backwords compatibility)表示我们可以继续向HTML增加新的内容,浏览器最终会支持这个新内容,不过它们还是会继续支持原来的内容
meta表示我们要告诉浏览器关于页面的一些信息,在meta的charset属性中指定字符编码,字符编码为我们提供了一种方法,可以在计算机上表示某种语言中的所有字母数字和其他符号。如今标准已经统一为Unicode编码。utf-8是unicode序列中的一个编码,web页面中使用的就是utf-8
块元素
行内元素
是块元素和内联元素之间的模糊地段,它的确会创建一个换行,但不会像
那样把一个文本分成单独的两块
为什么不能直接使用width和height来调整图片的大小?因为浏览器在缩放图像使之适应页面大小之前,仍然需要获取整个大图像。width和height属性实际上是帮助浏览器确定要为这个图像预留多大的空间,如果要使用这两个属性,则它们应当与图像的实际宽度和高度一致
表格:- ordered list
- unordered list
定义列表
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。
参考链接:HTML ISO-8859-1 参考手册
字符实体类似这样:
注释:实体名称对大小写敏感!实体数字被浏览器支持的更好
HTML不会再有6,7,8HTML不会再有版本6、7、8….制定标准的人已经把这个规范变成了一个活的标准,它会随着技术的发展形成相应文档。所以,不再有版本号,你甚至可以不把它叫做HTML5,因为从现在开始,它只是“HTML”
向后兼容性(backwords compatibility)表示我们可以继续向HTML增加新的内容,浏览器最终会支持这个新内容,不过它们还是会继续支持原来的内容
meta表示我们要告诉浏览器关于页面的一些信息,在meta的charset属性中指定字符编码,字符编码为我们提供了一种方法,可以在计算机上表示某种语言中的所有字母数字和其他符号。如今标准已经统一为Unicode编码。utf-8是unicode序列中的一个编码,web页面中使用的就是utf-8
推荐阅读
-
[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
-
Head First HTML与CSS、XHTML (中文版).(Elisabeth Freeman) PDF扫描版
-
Head Html Css 第二版笔记
-
怎样把PC版网页变成手机版_html/css_WEB-ITnose
-
精通CSS:高级Web标准解决方案(第2版)_html/css_WEB-ITnose
-
在head里的CSS link 居然粗现在body里了?_html/css_WEB-ITnose
-
如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose
-
怎样把PC版网页变成手机版_html/css_WEB-ITnose
-
【03】HTML?head?头部分的标签说明 和 手机头部标签说明_html/css_WEB-ITnose
-
求助:为什么我用css设置的第二个标签无法居中_html/css_WEB-ITnose