这是我参与8月更文挑战的第二十二天,活动详情查看:8月更文挑战”
书接上回。
<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~~~