html基础语法

HTML列表嵌套怎么做_HTML多级嵌套列表创建与缩进控制方法

...像这样... 主项目1 ...然后在 里面再加个 ... 主项目1 子项目1 .1 ...这样子就嵌套了。

有序和无序的混着用...这个得看情况。
比如...2 02 3 年我在上海做的一个网站...水果分类...就用无序列表... 苹果 香蕉 ...然后步骤说明...就用有序的...
第一步 第二步
...混着用的时候...比如菜谱...主步骤用
...然后材料清单用 ...像这样...
准备材料 面粉
...
浏览器默认会缩进...但你想改...得用CSS。
比如...margin-left: 2 0px;...可以调大缩进距离。
padding-left: 0;...可以去掉默认的内边距。
我之前在深圳搞一个页面...发现默认缩进太大了...用CSS改了...ul { margin-left: 1 0px; }...就好了。

项目符号也能改。
无序列表用square方块符号...list-style-type: square;...子列表用circle圆形符号...ul ul { list-style-type: circle; }...有序列表用数字...decimal...像这样...ol { list-style-type: decimal; }...
你看这个例子...
准备材料 面粉
...这样主步骤是数字...子项是圆点...特别清楚。

要注意...标签一定要闭合...不能乱套...比如不能在 里面直接放个

...这样会错。
层级关系也得对...不能随便嵌套。
语义化也很重要...分类用 ...步骤用

...不能搞反了。

2 02 1 年在广州做的一个项目...响应式设计那边...小屏幕上缩进太明显...就用媒体查询改了...@media (max-width: 6 00px) { ul { margin-left: 5 px; } }...这样手机上看起来就舒服多了。

总之...多级嵌套列表...灵活运用...CSS调整...效果就好。
导航菜单...文档目录...操作指南...都能用。


HTML页面语言怎么设置_HTML语言属性设置教程

记得有一次，我在一家科技公司实习，负责优化一个国际版网站的SEO。
那时候，我发现页面上虽然使用了多种语言，但是没有正确设置语言属性。
于是，我决定动手调整。

首先，我在HTML文档的最外层的标签中，将主语言设置为“zh-CN”，因为这是网站面向的主要用户群体。
然后，对于那些使用其他语言的局部内容，比如产品描述或用户评论，我在对应的

标签中添加了lang属性，比如lang="en"。

这个过程让我意识到，设置语言属性不仅仅是为了SEO优化，更是为了让屏幕阅读器能够准确识别和朗读不同语言的内容，从而提升网站的可访问性。
而且，我发现，当搜索引擎正确理解了页面的语言后，相关搜索的排名也有所提升。

等等，我突然想到，如果再结合地区代码，比如“zh-CN”或“en-US”，那不就更精确地满足了不同地区用户的需求了吗？这样想来，设置语言属性真的是一件既简单又重要的事情。