xia_fang_xu的博客

场景推荐标签/元素页面结构划分<div><header><footer>等大块内容样式控制<div>+ CSS对一段文字中的部分内容美化<span>+ CSS创建按钮或交互组件<button>嵌套多个元素并控制整体布局<div>控制某几个字的样式<span>

应用场景常用控件组合注册/登录页调查问卷搜索框用户资料编辑订单提交页多种 input + select + button。

dl>用途：用于展示术语与解释的关系，适合词汇表、说明文档等场景。标签结构<dl>：定义整个定义列表（definition list）<dt>：定义术语（definition term）<dd>：对术语进行解释（definition description）列表类型使用场景示例<ol>步骤教程、排行榜、流程说明<ul>导航菜单、功能列表、文章目录<dl>词汇表、参数说明、产品特性介绍。

【代码】HTML基础笔记（6）

当图片无法加载时显示的文字，同时对SEO友好。它为搜索引擎提供了关于图片的信息。：直接引用存储在本地服务器或项目文件夹中的图片资源，较为稳定可靠。：引用网络上的图片资源，可能会面临链接失效、图片丢失的风险。：指定图片的路径，可以是相对路径或绝对路径。标签内实现点击图片跳转到指定链接的功能。：鼠标悬停在图片上时显示的提示文字。这样，用户点击图片时，浏览器将导航至。属性指定的URL地址。

根据资源位置选择使用。

定义：HTML 中的语义化是指使用具有明确含义的标签来构建网页结构，使每个 HTML 元素都能准确表达其内容的意义。常见语义化标签示例标签含义<title>网页标题（显示在浏览器标签页上）<h1>~<h6>内容标题（<h1>最重要，<h6>最不重要）<p>段落<strong>强调文字（加粗，默认样式）<header>页面或区域的头部<nav>导航栏<main>页面主要内容<footer>页面底部<article>独立的内容块（如博客文章）<section>定义文档中的一个区块<aside>

【代码】HTML基础笔记(2)

HTML基础笔记