1. HTML基本语法
HTML是一种用于网页开发的标记语言，它由若干个标签组成，每个标签都有自己的含义。在使用HTML时，需要遵循基本的语法规则：
HTML代码必须位于<html>标签中。
HTML代码必须包含一个<head>标签和一个<body>标签。
<head>标签中包含一些关于网页的元数据，如标题、样式和脚本等。
<body>标签中包含网页的可视内容，如文字、图片和链接等。
HTML标签都是以<标签名>和</标签名>的形式来表示。
标签可以包含属性，属性是提供更多信息的元素，例如：<a href="https://www.baidu.com">百度</a> 中的href就是一个属性。
HTML标签对大小写不敏感。
2. HTML语义化
HTML语义化是指在编写HTML代码时，根据内容的结构和意义选择适当的HTML标签，使得页面的结构更加清晰，并且对搜索引擎的友好，以便提高网页的排名。它的优点有：
提高网页的可读性，方便维护和修改；
利于搜索引擎抓取，提高网页的排名和曝光度；
提高网页的无障碍性，方便残障人士访问；
对于CSS的样式控制更加精确有效。
2.1 语义化写法规则
语义化写法的核心是根据内容的结构和意义选择合适的HTML标签。一些常用的语义化标签有：
<header>：定义文档的头部区域，通常包含网页的标题、标志、导航和搜索等内容；
<nav>：定义一组导航链接，通常位于<header>标签中；
<main>：定义文档的主要内容，通常是网页的主要部分，只能出现一次；
<article>：定义可以独立存在的文章内容，通常包含一篇完整的新闻、博客或评论等；
<section>：定义文档中的节，通常与<article>标签一起使用，用于组织文章的章节和子章节；
<aside>：定义文档的旁支内容，通常包含与主要内容相关的辅助信息，如广告、侧边栏和标签云等；
<footer>：定义文档的底部区域，通常包含版权、链接和联系信息等内容。
2.2 语义化写法实例
<header>
<h1>网站标题</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品中心</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<article>
<header>
<h2><a href="#">新闻标题</a></h2>
<p><em>发布日期：2022年5月30日</em></p>
</header>
<section>
<p><strong>这里是新闻内容……</strong></p>
</section>
<footer>
<p><a href="#">阅读全文></a></p>
</footer>
</article>
<aside>
<h3>热门标签</h3>
<ul>
<li><a href="#">html5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</aside>
</main>
<footer>
<p><a href="#">版权所有 ? 2022 微信公众号：XXXXXXX</a></p>
</footer>
上面的实例中，使用了<header>标签作为头部区域，并在其中嵌套了<h1>标签和<nav>标签，其中导航链接使用了<li>和<a>标签。使用了<main>标签作为主要内容区域，其中包含了一个<article>标签和一个<aside>标签，其中<article>标签包含了新闻的标题、发布日期和内容，而<aside>标签包含了一个热门标签列表。最后使用了<footer>标签作为网页的底部区域，其中包含了版权信息和联系方式。
3. 总结
HTML基本语法和语义化写法是开发网页的基础，通过掌握它们可以使得网页更加清晰、易读、易维护，同时也更加友好于搜索引擎，提高排名和曝光度。我们应该根据内容的结构和意义选择适当的标签，遵循语义化写法规则，使得HTML代码更加优雅、简洁和有逻辑性。