夯实基础,步步为营。
「 基础知识 」
语义化
什么是语义化
- 每一个HTML元素都有具体的含义
- 所有元素与展示效果无关
为什么需要语义化
- 为了让开发者快速识别功能模块(降低代码维护成本)
- 为了优化搜索引擎排名(SEO优化)
- 为了浏览器理解网页(阅读模式、语音模式)
实体字符(html entity)
为什么需要实体字符
- 解决特殊字符显示问题,如
<、>、&等 - 保留空格,避免空白折叠(推荐使用css解决)
- 支持非ASCII字符,如
€欧元、©版权等符号
常用实体符号
>大于<小于 空格&&
a元素(anchor)
href属性(hyper reference)
- 超链接:通过
href属性指定跳转地址,如href="https://www.baidu.com" - 锚点:使用
name或id属性创建页面内部跳转,如href="#id" - 功能链接:执行JS代码
href="javascript:alert('你好')";发送邮件href="mailto:";拨打电话href="tel:";
target属性
target="_self":在当前窗口页面打开target="_blank":在新窗口中打开