HTML知识总结第二弹|青训营

88 阅读2分钟

介绍

昨天的笔记记录了一个小案例,今天我来做一些其他HTML知识总结。 今天的笔记是知识总结第二弹哦!还在和我一样学习的小伙伴可以和我一样来尝试记笔记进行知识总结哦~这样可以检测和保证你对知识的掌握程度哦!

HTML知识总结

HTML全局属性

有一些属性是所有HTML都可以设置和拥有的,称之为“全局属性(Global Attributes)”。它的全局属性有很多,来说几个常见的属性:

  • id:定义唯一标识符(ID),该标识符在整个文档中必须是唯一的。目的是在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素。
  • class:一个以空格分隔的元素的类名(classes)列表,它允许CSS和Javascript通过类选择器或者DOM方法来选择和访问特定元素;
  • style:给元素添加内联样式;
  • title:包含表示与其所属元素相关信息的文本。这些信息可做提示呈现给用户,但不必须。(它的效果:与之前显示不会有区别,但鼠标放上去会有相关提示)

元素的语义化

理论上来说,所有的HTML元素,经过巧妙的使用,我们都能让其实现相同的事情。但是却还是有元素语义化这个词出现,那么,元素语义化到底有什么作用呢?标签语义化的好处:

  • 方便代码维护;
  • 减少开发者之间的沟通成本;
  • 减少阅读量,增加代码可读性;
  • 能让语音合成工具正确识别网页元素的用途,以便做出正确的反应;
  • 有利于SEO;
  • ……(还有很多,等待大家发掘罗列出哦~)

html元素

简单的来介绍总结一下:

表示根(顶级元素),称为根元素。

  • 所有其他元素必须是其后代。

W3C标准建议其增加一个lang属性,作用:

  • 帮助语音合成工具确定发音
  • 帮助翻译工具确定翻译规则
  • lang="en"表示语言 英文
  • lang="zh-CN"表示中文

结尾

以上就是今天的HTML知识总结啦!想要学习更多的小伙伴,可以与我一起加入青训营来进行学习记录呀~