HTML+CSS学习第二篇 HTML初始代码/注释/语义化

程序员文章站 2024-03-25 12:25:16

...

给大家推荐一款比较实用的浏览器标题插件https://h5o.github.io/

HTML初始代码

每一个html文件都需要添加初始代码，初始代码就是无论你写什么样的网页，这些代码都是要有的，这就是初始代码。

<!DOCTYPE html>文档声明：告诉浏览器这是一个html文件
<html lang-"en">html文件的最外层标签：包裹着所有html标签代码lang="en”表示是一个英文网站1ang="zh-cN“表示一个中文网站
<head>
<meta charset=“UTF-8">元信息：是编写网页中的一些赋值信息
<title>Document</title>设置网页的标题
</head>
<body>
显示网页内容的区域
</body>
</html>

HTML注释

注释的代码，只有在文件中看得到，但是浏览器显示不出来

<!--注释的内容-->

意义：
           1.把暂时不用的代码注释起来，方便以后使用。
           2.对开发人员进行提示。
快捷添加注释与删除注释：
           1.ctrl+/
           2.shift+alt+a

HTML语义化

所谓HTML语义化指的是，根据网页中内容的结构，选择适合的HTML标签进行编写。
好处：
           1.在没有CSS的情况下，页面也能呈现出很好的内容结构。
           2.有利于SEO，让搜索引擎爬虫更好的理解网页。
           3.方便其他设备解析（如屏幕阅读器、盲人阅读器等）。
           4.便于团队开发与维护。