day19 初始HTML

什么是HTML


HTML(Hyper Text Markup Language)超文本标记语言

超文本包括:文字、图片、音频、视频、动画等

HTML5,提供了一些新的元素和一些有趣的新特性,同时也建立了一些新的规则。这些元素、特性和规则的建立,提供了新的网页功能,如使用网页实现动态渲染图形、图表、图像和动画,以及不需要安装任何插件直接使用网页播放视频等。

HTML5的优势:

  • 世界知名浏览器厂商对HTML5的支持(微软、Google、苹果、Opera、Mozilla)
  • 市场的需求
  • 跨平台

W3C标准


W3C

W3C标准包括:

  • 结构化标准语言(HTML、XML)
  • 表现标准语言(CSS)
  • 行为标准(DOM、ECMAScript)

HTML基本结构


html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

DOCTYPE:告诉浏览器,我们要使用什么规范

head标签代表网页头部

meta描述性标签,它用来描述我们网站的一些信息,一般用来做SEO(Search Engine Optimization,搜索引擎优化)

title网页标题

body标签代表网页主体

相关推荐
Hilaku2 小时前
深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
前端·css·html
ac.char3 小时前
Golang读取ZIP压缩包并显示Gin静态html网站
golang·html·gin
每天开心3 小时前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
撰卢4 小时前
如何提高网站加载速度速度
前端·javascript·css·html
sophister4 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
呆呆的心8 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
WildBlue8 小时前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
wuxuanok8 小时前
Web前端开发-HTML、CSS
前端·css·html
namehu9 小时前
“什么?视频又双叒叕不能播了!”—— 移动端视频兼容性填坑指南
javascript·html
shawn_yang9 小时前
使用 vite 开发原生 html 网页
html