在看过京东，淘宝，百度等主流网站，这个是我对其HTML语义化的一点小小的见解。 首先是京东的网站，京东首页采用常见的多层布局，整体用html包裹，在body标签里面，主要有头部head，主体main，底部footer等主要部分组成，头部包含了，京东的logo，搜索框，以及导航栏等元素。而主题部分会根据不同的功能而具体划分，其组成的功能有有侧边栏，中间的容器上面还有一个导航栏，用于用户筛选各自要访问的地方，还有轮播图区域，促销活动区域，而在footer区域，则是有服务条款，关于我们等链接。在主页面还有一个商品展示区域，京东使用不同的div进行划分，通过img标签，p和span等标签将商品图片内容，价格给展现出来。 第二个是淘宝的网站，淘宝和京东一样都是电商平台，所以一些HTML结构二者有一些相似的地方，例如头部的标签同样有其logo，外加导航栏，搜索框等内容。主体部分同样有各种促销活动，模块热门商品推荐模块，店铺推荐等模块。而footer则是一些辅助类的信息。同样的，淘宝和京东一样也是用大量的div进行划分不同的商品块，而淘宝与京东不同的地方在于淘宝有许多个性化的推荐这些模块的HTML结构会根据用户不同的浏览记录，搜索的不同偏好有一点不同的差异。例如在猜你喜欢这一模块中，每一个推荐商品的HTML结构同样是div但不同的地方在于，淘宝会根据用户喜好等差异而动态生成有细微区别的HTML结构 第三个是百度，不同前两个电商平台，百度作为一个搜索引擎，它主体结构只有一个logo以及一个搜索框。html主要围绕着搜索这一功能进行展开，搜索框中的HTML结构比较复杂，包括了输入框的样式设置，提示信息等标签和属性搜素结果所展现的内容会根据用户输入进行动态生成，再用li标签来展现输出的结果，每个标题都有标签用于跳转页面以及简介等功能。除了这些，百度右下角还有百度热搜的功能，其推荐的热点新闻同意通过li标签进行展示。 以上是我对一些主流网站的HTML的一点小小的见解。
