Skip to content

HTML

1. HTML语义化

HTML语义化

  • 正确的标签做正确的事情
  • 适合搜索引擎的爬虫爬取有效信息,
  • 有利于 SEO
  • 支持读屏软件
  • 增强了可读性,结构更加清晰,便于团队的开发与维护

2. HTML5 新特性

HTML5新特性

  • 多媒体,用于媒介回放的 videoaudio 元素。
  • 图像效果,用于绘画的 canvas 元素,svg 元素等。
  • 离线&存储,对本地离线存储能够更好地支持,比如 localStorage,Cookies 等。
  • 性能与集成特性,HTML5 会通过 XML HttpRequest2等技术,帮助您的 Web 应用和网站在多样化的环境中更快速地工作

3. 元素

行内元素,块级元素,空(void)元素

  • 行内元素:span img input select strong
  • 块级元素:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p
  • 空(void)元素:br hr img input link meta

区别

  • link 引用 CSS 时,在页面载入时同时加载;@import 需要页面网页完 全载入以后加载
  • linkXHTML 标签,无兼容问题;@import 是在 CSS2.1 提出的,低版本的浏览器不支持
  • link 支持使用 Javascript 控制 DOM 去改变样式;而 @import 不支持

Copyright © 2024 Fang He