今天看了第五章和第六章
第五章主要讲了<img>元素的属性
web支持三种image格式
JPEG 具有1600万种颜色,多用于照片和复杂图像,“有损”格式;PNG 兼具性能和大小的优点,用于单色图像和线条构成的图像,支持百万种颜色,“无损”格式;(PNG-8、PNG-24、PNG-32)GIF 256种颜色,用于单色图像和线条构成的图像,“无损”格式,动图。第五章介绍图片处理的内容较多,主要用了Adobe公司的Photoshop Elements对图像格式、大小、质量进行编辑。通过该工具图片下方信息还能查看图片的大小、放到web上图片的加载时间。
<img>元素为内联元素、void元素,属性有:
alt = “xxx” 提供图片信息,标准html5必填,只有当图片加载失败才会显示; width = “xxx ” height = “xxx” html标签主要用来提供结构信息,因此这两个属性主要用来告诉浏览器图片大小,不用于调节图片尺寸。如果用这两个属性调节图片尺寸的话,浏览器还是会加载完整大小的图片,再调整大小,会影响页面加载时间。可以将<img>元素嵌套到<a>元素内为缩略图链接到原图。
第六章介绍了工业级的html标准
介绍了html标准的发展历史,html5已经摒弃了很多繁杂旧标准的写法,并且向后兼容,是活的标准。
最新的html只需要写
<!DOCTYPE html>来增加文档定义类型,写在开头。在<head>里添加<meta charset = "utf-8">指定编码类型(utf-8是unicode的一个编码)。<head>元素中只能放置<title>、<meta>、<style>元素(必填<title>、<meta>)可以对html文件夹进行检查的W3C验证工具http://validator.w3.org