HTML笔记2：html 语义化学习

已于 2023-03-05 13:46:25 修改
阅读量25 收藏
点赞数
分类专栏： HTML学习笔记 文章标签： html 学习 css
于 2023-03-05 13:33:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoyao_/article/details/129345059
版权

语义化

  1. 每一个HTML元素都有具体的含义
    a元素：超链接
    p元素：段落
    h1元素：一级标题

  2. 所有元素与展示效果无关
    元素展示到页面上的效果，应该有CSS决定。
    因为浏览器带有默认的CSS样式，所以每个元素有一些默认样式。
    重要：选择什么元素，取决于内容的含义，而不是显示出来的效果。

为什么需要语义化

  1. 为了搜索引擎优化（SEO）
    搜索引擎：百度、搜搜、Bing、Google
    每隔一段时间，搜索引擎会从整个互联网中，抓取网页源代码。

  2. 为了让浏览器理解网页

清慕如眠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端程序员《HTML》学习笔记（4）之语义化标签
muweichang的博客
03-31 4717
每天浪漫主义 提示：来自哔哩哔哩博主 旺仔大哥哥 【TOS2021】光遇/Meet light 计划： 一周把HTML和CSS复习一遍，并明确其含义并能够解释 语义化标签没有语义的布局标签divspan有语义的布局标签<header>元素<nav>元素<article>元素<section>元素<aside>元素&lt
HTML5学习笔记-01-html语义化标签
欢迎访问我的主页：https://www.bookbook.cc
06-30 8693
一、URl 二、网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别 2.1 声明英文网站 2.2 声明中文网站 三、meta 3.1 keyword 表示搜索关键字 3.2 description 网站摘要 3.3 Viewport 响应式声明 四、语义化标签 4.1 header 头部区域 4.2 footer 尾部区域 4.3 nav 导航区域 4.4 article(文章) 主内容区域 4.5 section(部分) 定义文档中相似的区域 4.6 asi
HTML学习笔记——04：基本的网页架构
qq_31532983的博客
01-11 963
尽管元素的默认状态是行内元素或块级元素，但你可以使用CSS的"display"属性来改变元素的行为。，然后再矩形里放置各种各样的内容，因此可以把标签形成的矩形区域称作容器，即container，div也称为。除了内容自身的空间，块级元素还会提供前后两个垂直方向上的空白，主要用作其他元素的外边距。无语义元素，最好只用于无法找到更好的语义元素来包含内容时，或者不想增加特定的含义时。span可以作为div的子元素，但div不能是span的子元素！的元素，它只占据其内容所需的空间。 是一个。
前端基础学习笔记（HTML篇）
2301_76779875的博客
03-29 1089
前端HTML基础入门学习笔记
HTML学习笔记
qq_59301215的博客
11-05 1168
HTML基础知识简介，如还不懂的请看pink老师的视频解说。
html css js全套学习笔记＋举例
04-16
HTML5引入了许多新特性，如语义化标签（如`<header>`、`<nav>`、`<article>`）、离线存储（Application Cache）、拖放功能、媒体元素（`<video>`、`<audio>`）等，使得创建富媒体和移动设备友好型网站变得更加容易。...
个人做的HTML5学习笔记
12-13
由此可见，HTML5继承了HTML的部分特征，又添加了许多新的语法特征，比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等。此外HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序...
HTML5学习笔记之html5与传统html区别
09-28
在HTML5中，语法变得更加宽松且注重语义化，旨在提高网页的结构化和可访问性。 首先，HTML5的语法改变体现在以下几个方面： 1. **版本声明的移除**：HTML5不再需要在文档开头声明版本号，`<!DOCTYPE html>`即可...
Html与Css学习笔记以及经验总结
06-23
HTML5引入了许多新元素，如`<header>`、`<footer>`、`<section>`，使网页结构更加语义化，便于理解和解析。 在HTML中，属性是元素的附加信息，如`href`用于定义链接的目标URL，`src`用于指定图片或脚本的源文件。...
html+css入门学习笔记
01-24
本入门学习笔记将帮助初学者理解这两门技术的基本概念，逐步掌握创建动态、美观网页的方法。 HTML是用于创建网页内容的语言，它通过一系列标签来定义网页的各个部分，如标题、段落、图片、链接等。在HTML5中，新增...
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 3257
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
html实现酷炫美观的可视化大屏(十种风格示例，附源码)
最新发布
xcLeigh
07-25 1821
html实现酷炫美观的可视化大屏(十种风格示例，附源码)，大屏源码，可视化大屏模板源码，html可视化大屏源码下载，内含十种不同风格的大屏可视化代码，详细的讲解，酷炫的线条，美观的设计，让图文图表结合的更融洽。兼容各种大屏，调整页面到合适的分辨率，F12全屏观看。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
【HTML — 构建网络】HTML 入门
07-24 1175
如果您查看许多其他站点的代码，您可能会遇到许多奇怪的标记样式，包括不带引号的属性值。在这一点上，你应该了解 HTML 是什么样子的，以及它在基本层面上是如何工作的。在 HTML 中，不需要在 void 元素标记的末尾添加 a，例如： .但是，它也是一种有效的语法，当您希望 HTML 是有效的 XML 时，您可以这样做。现在，您可以在 Web 浏览器中打开此文件，以查看呈现的代码的外观。在本练习中，您可以如前所述在计算机上本地编辑代码，也可以在下面的示例窗口中编辑代码（在本例中，可编辑示例窗口仅表示。
HTML 基础知识
07-24 1008
你写的替代文本应该为读者提供足够的信息，以便对图像传达的内容有一个很好的了解。对于我们的Firefox徽标，一个更好的替代品是“Firefox徽标：围绕地球的火焰狐狸”。如果它们如上所示重叠，那么您的 Web 浏览器将尝试对您想说的内容做出最佳猜测，这可能会导致意外结果。正如我们之前所说，它将图像嵌入到我们的页面中，该图像位于它出现的位置。空格（或任何字符）的简单属性值可以保持不加引号的状态，但建议您将所有属性值加引号，因为这可以使代码更加一致和易于理解。创建链接后，单击它以确保它将您发送到您想要的地方。
HTML(五）——HTML区块，布局
m0_62701594的博客
07-23 485
HTML可以通过 <div> 和 <span>将元素组合起来，可以来布局，就是盒子，div是块级盒子，里面 可以放任何东西，span里面装的是文本。
HTML开发小技巧：根据用户浏览器的分辨率调整控件的大小
ioioppk的博客
07-25 555
在Html页面开发中，我们通常会用Style进行控件的宽度高度进行控件的格式设置，如果直接设置像素的话，无法根据用户的浏览器进行宽高的适配，所以我们要做到根据实际使用的浏览器进行控件大小的自动调整，以下是几种控件自动调整的方式：
HTML（六）——HTML表单和框架
m0_62701594的博客
07-23 795
HTML 表单用于收集用户的输入信息，是一个包含表单元素的区域HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。<form>元素用于创建表单，action属性定义了表单数据提交的目标 URL，method属性定义了提交数据的 HTTP 方法（这里使用的是 "post"）。<label>元素用于为表单元素添加标签，提高可访问性。<input>
HTML meta
Gary Leong
07-24 225
meta>标签用于提供html文档的元信息（metadata）。这些信息不会显示在页面上，但会被浏览器或搜索引擎用来识别页面的编码方式、关键字、描述、作者信息、刷新时间等。
HTML前端笔记：语义化与CSS、JS结合
"这是一份关于web前端开发的HTML笔记，主要涵盖了HTML的基础知识，包括HTML标签、CSS样式和JavaScript的简单介绍，以及前端开发的基本工作原理。笔记还提到了前端开发工具和调试方法，并提供了简单的代码示例来解释...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值