语义标签

简介: 本文介绍了HTML中常用的布局标签,区分无语义(如div、span)与有语义标签(如header、nav、footer等)。div独占一行,span不换行,结合CSS可实现网页分区布局。代码示例展示了基本结构及标签用法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
    无语义的布局标签
        作用:布局网页(划分网页区域,摆放内容), 后面与css一起使用实现内容分隔布局
        div:独占一行
        span:不换行
    有语义的布局标签
        header网页头部
        nav网页导航 
        footer网页底部
        aside网页侧边栏
        section网页区块
        article网页文章
        作用:与div功能类似,用于特定位置使用
    -->
    <div>div标签,独占一行</div>
    <span>span 标签,不换行</span><span>span 标签,不换行</span>
</body>
</html>
目录
相关文章
|
2月前
|
前端开发
CSS基本选择器
本节详解CSS四大基本选择器:标签选择器(如p)、类选择器(.class)、ID选择器(#id)和通配符选择器(*),涵盖语法、使用步骤、优先级规则及注意事项,辅以直观代码示例与图解,助初学者快速掌握样式控制核心技能。(239字)
70 5
|
2月前
|
前端开发
CSS选择器练习
本页为CSS选择器实战练习,含两个HTML示例:①用类选择器设置div尺寸与背景色;②用class、后代、标签等选择器布局“淄博烧烤”页面,涵盖盒模型、文本样式及语义化结构,适合初学者巩固基础语法。(239字)
64 4
|
2月前
|
前端开发
CSS
本教程介绍CSS三种引入方式:行内式(style属性)、内部式(&lt;style&gt;标签)和外部式(link引入.css文件),配代码示例与效果演示,助初学者快速掌握CSS基础用法。(239字)
61 1
|
2月前
超链接标签
超链接通过 `href` 属性实现页面跳转,可指向网络或本地路径。添加 `target=&quot;_blank&quot;` 可在新窗口打开;开发时可用 `#` 表示空链接,防止页面跳转。
98 4
|
2月前
文本格式标签
通过HTML标签为文本添加加粗、倾斜、下划线、删除线等格式,突出重点内容。示例代码展示了如何使用&lt;b&gt;、&lt;i&gt;、&lt;u&gt;、&lt;s&gt;标签实现不同文本样式,提升网页可读性与表现力。(238字符)
81 4
|
2月前
|
移动开发 UED HTML5
音频标签
HTML5音频标签用于网页中嵌入音频,常用属性包括:src(指定音频路径,支持mp3、ogg、wav等格式)、controls(显示播放控件)、loop(循环播放)和autoplay(自动播放,部分浏览器限制使用)。需合理使用以提升用户体验。
43 3
|
2月前
|
开发者
图片标签
本文介绍了HTML中如何插入图片,重点讲解`&lt;img&gt;`标签的使用方法。`src`属性为必需,用于指定图片路径,支持相对路径(如./、../)和绝对路径,也可引用网络图片URL。同时说明了属性语法格式及常用路径写法,帮助开发者正确引入图像资源。
100 3
|
2月前
|
数据安全/隐私保护
表单项标签:input系列
本文介绍了HTML表单中常用输入元素的使用方法,包括文本框、密码框、单选框、多选框、文件上传、日期时间、邮箱验证等,并通过代码示例展示如何构建一个完整的注册页面,涵盖数据提交与表单交互基础。
58 1
|
2月前
标题标签
本文介绍了HTML中h1至h6标题标签的使用规范:h1用于页面主标题或Logo,建议每页仅用一次;h2到h6无使用次数限制。各级标题字体逐级减小,独占一行,具有加粗效果,共六级,用于构建网页内容的层级结构。
88 2
|
2月前
实体字符
本文介绍了HTML中的实体字符,用于替代网页中无法直接显示的特殊符号,解决字符冲突问题。示例包括空格(&nbsp;)、版权符(&copy;)、货币符号(&yen;)等,确保网页内容正确渲染。
52 0