写点什么

HTML 进阶(二)

用户头像
Augus
关注
发布于: 7 小时前
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~~~

用户头像

Augus

关注

爱瞎搞的软件开发工程师 2021.06.10 加入

某摸鱼集团

评论

发布
暂无评论
HTML进阶(二)