HTML - 认识HTML

23 阅读1分钟

夯实基础,步步为营。

‌「 基础知识 」

语义化

什么是语义化
  1. 每一个HTML元素都有具体的含义
  2. 所有元素与展示效果无关
为什么需要语义化
  1. 为了让开发者快速识别功能模块(降低代码维护成本)
  2. 为了优化搜索引擎排名(SEO优化)
  3. 为了浏览器理解网页(阅读模式、语音模式)

实体字符(html entity)

为什么需要实体字符
  1. 解决特殊字符显示问题,如<>&
  2. 保留空格,避免空白折叠(推荐使用css解决)
  3. 支持非ASCII字符,如欧元、©版权等符号
常用实体符号
  1. &gt;大于
  2. &lt;小于
  3. &nbsp;空格
  4. &amp;&

a元素(anchor)

href属性(hyper reference)
  1. 超链接:通过href属性指定跳转地址,如href="https://www.baidu.com"
  2. 锚点:使用nameid属性创建页面内部跳转,如href="#id"
  3. 功能链接:执行JS代码href="javascript:alert('你好')";发送邮件href="mailto:";拨打电话href="tel:";
target属性
  1. target="_self":在当前窗口页面打开
  2. target="_blank":在新窗口中打开