HTML进阶(二)

192 阅读2分钟

这是我参与8月更文挑战的第二十二天,活动详情查看:8月更文挑战

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~~~