HTML 进阶（二）

书接上回。

<img> 的 title 和 alt

• title： 当⿏标滑动到元素上的时候会出现白色方框来显示绑定的元素。

• alt： <img> 的特有属性，图⽚内容的等价描述，当图⽚由于异常⽆法加载时显示时，会显示 alt 绑定的元素。

语义化及其好处

老生常谈的一些概念而已，各位看官就随便看看就好。

• ⽤合适的标签做合适的事情！

• 让⻚⾯的内容结构化，便于对浏览器、搜索引擎解析，也便于我们更好的阅读，想想你一看全是 div 标签，你想想有多么恐怖；

• 在没有样式 CSS 情况下，会以⼀种⽂档格式显示

• 搜索引擎的爬⾍依赖于标记来确定上下⽂和各个关键字的权重，利于 SEO 。

iframe 有那些缺点？

• iframe 会阻塞主⻚⾯的 Onload 事件

• 搜索引擎的检索程序⽆法解读这种⻚⾯，不利于 SEO

• iframe 和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并⾏加载

• 使⽤ iframe 之前需要考虑这两个缺点。如果需要使⽤ iframe ，最好是通过 javascript 动态给 iframe 添加 src 属性值，这样可以绕开以上两个问题

xhtml 和 html 有什么区别?

• ⼀个是功能上的差别

• 主要是 XHTML 可兼容各⼤浏览器、⼿机以及 PDA ，并且浏览器也能快速正确地编译⽹⻚

• 另外是书写习惯的差别

• XHTML 元素必须被正确地嵌套，闭合，区分⼤⼩写，⽂档必须拥有根元素

⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元素和块级元素有什么区别？

• 空元素： <br> <hr> <img> <input> <link> <meta>
  

• ⾏内元素有：a b span img input select strong

• 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4… p

• ⾏内元素不可以设置宽⾼，不独占⼀⾏

• 块级元素可以设置宽⾼，独占⼀⾏

HTML 全局属性(global attribute)有哪些

• style: ⾏内 css 样式

• id : 元素 id ，⽂档内唯⼀

• class :为元素设置类标识

• title: 元素相关的建议信息

• data-* : 为元素增加⾃定义属性

• draggable : 设置元素是否可拖拽

• lang : 元素内容的的语⾔

End~~~