目录
div+css布局的好处:
a.符合W3C标准,结构、样式和行为分离,代码结构清晰明了,带来足够好的可维护性。
b.布局精准,网站版面布局修改简单。
c.加快了页面的加载速度(最重要的)。
d.用只包含结构化内容的HTML代替嵌套的标签,提高另外搜索引擎对网页的搜索效率。
table布局的好处
a.容易上手。
b.可以形成复杂的变化,简单快速。
c.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。
alt属性:在图片无法加载的时候才会显示的其值,
title属性:在图片正常加载鼠标划上去显示的值
网页标准的制定,使得web发展的更健康,提高网站的易用性。
a、开发者遵循统一的标准,降低了开发难度和开发成本
b、SEO优化网页也会更加方便,不会因为滥用代码出现各种bug和安全问题。
src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。
Src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在的位置。例如:js脚本,img图片,frame等。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,这也是为什么将js 脚本放在底部而不是头部。
href 是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来加载 css,而不是使用@import 方式。
Png,jpeg,gif,svg,webp
webp格式:谷歌开发的新的图片格式,体积小,质量好,但兼容性略差
微格式(Microformats)是建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式
作用:
a、在捉取Web内容时,能够更为准确地识别内容块的语义;
b、对内容进行操作,包括提供访问、校对,还可以将其转化成其他的相关格式,提供给外部程序和Web服务使用。
应用例子:
当用手机浏览某公司的网站时,手机浏览器识别出了网页中的 hCard 信息。这个 hCard 标记了该公司的多种联络方式,手机浏览器很聪明地提示我“是否保存到通讯录”,于是我很经松地保存了我所需要的信息