整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

前端网页web开发大神总结的HTML标签-列表

前端网页web开发大神总结的HTML标签-列表

就之后要中秋和国庆了,这里推荐一个正确旅游方案:

10月1号出发,10月2号到宁波,租条渔船出发,傍晚到达钓鱼岛海域,借着夜色登岛,插上国旗,约两分钟后,就会被日海保厅连夜押回东京,吃住在东京。10月3号上午外交部声明:钓鱼岛自古以来就是中国的!对日方的行为严厉谴责,谴责,再谴责!要求日本无条件放人。这样折腾到4号晚上,最终迫于压力,日方同意遣送到第三方香港,当晚乘专机到达香港,维多利亚港夜色真美!5号上午8点外交部发传真,要求上午办好一切过境手续,随香港商贸团直飞北京!下午在飞机上就能看到万里长城。5号晚上在北京住好吃好喝好。6号上午被带到外交部!在那里会受到批评教育,并写保证书以后不再去钓鱼岛!6号下午专人陪同乘机返乡,机场上,市政府领导亲自接机,乘专车回家。剩下两天,同学、同事请你吃饭,听你吹牛逼,9号上班。

笑一笑十年少,并不是程序员就是一股劲闷着写代码,没有情趣,广为流传一句话:要嫁就嫁程序员,钱多人傻死得早

闲暇之余建议大家还是多看看书,多保护下眼睛,眼保健操看远处让眼球放松 放松下,祝大家有个好身体再入坑 哈哈~有任何勘误、代码不正确、bug请加下企鹅群:526929231 内有大量案例和学习教程,对python、和web感兴趣的朋友可以加下哦

无序列表

<ul>
 <li>111</li>
 <li>222</li>
 <li>333</li>
</ul>
属性描述
disc默认值,小黑圆点
square实心方块
circle空心圆

PS:默认无序列表ul会有小黑圆点,部分浏览器版本可能呈现空心圆点 使用范围,一些比较有规律的一行或是一列列的通常都会采用无序列表使用相当多,比如导航条、文章列表、帖子列表等

有序列表

<ol>
<li>111</li>
<li>222</li>
<li>333</li>
</ol>
属性描述
1默认值,数字列表排序
a小写字母排序
A大写字母序列号
i罗马小写字母排序
I罗马大写字母排序

使用场景:在线考试、问卷调查当中

自定义列表

无序 HTML 列表:

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>


浏览器支持

所有主流浏览器都支持 <ul> 标签。


标签定义及使用说明

<ul> 标签定义无序列表。

将 <ul> 标签与 <li> 标签一起使用,创建无序列表。


提示和注释

提示:使用 CSS 为列表定义样式。

提示:使用<ol> 标签创建有序列表。


HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中,"compact" 和 "type" 属性 已废弃。HTML5 则不支持着两个属性。


属性

属性描述
compactcompactHTML5 不支持。HTML 4.01 已废弃。 规定列表呈现的效果比正常情况更小巧。
typediscsquarecircleHTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。

全局属性

<ul> 标签支持 HTML 的全局属性。


事件属性

<ul> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

是一名SEO优化师,专注于提升网站的搜索引擎排名和流量。今天,我将与大家分享我的亲身体验,在网站head头部增加哪些标签可以有效地提高SEO效果。

1.<title>标签:

在<head></head>之间的<title></title>标签中添加页面标题。这个标题应该简明扼要地描述页面内容,并包含关键词,以吸引搜索引擎和用户的注意力。

2.<meta name="description" content="">标签:

使用<meta name="description" content="">标签来定义页面的描述信息。这段描述应该准确、有吸引力,并包含关键词,让用户对你的网页产生兴趣并点击进入。

3.<meta name="keywords" content="">标签:

虽然现在很多搜索引擎不再重视此项内容,但为了保险起见,我们还是可以在<head></head>之间添加<meta name="keywords" content="">标签,并填写与页面相关的关键词列表。

4.<link rel="canonical" href="">标签:

如果你的网站存在相似或重复内容问题(比如http和https两个版本),可以通过<link rel="canonical" href="">标记指定一个主要URL地址。这样做可以避免搜索引擎将重复内容视为不同页面,从而降低排名。

5.<meta name="robots" content="">标签:

通过<meta name="robots" content="">标签告诉搜索引擎如何处理你的网页。比如,你可以设置noindex来阻止搜索引擎索引该页面,或者设置nofollow来禁止搜索引擎跟踪该页面上的链接。

6.<link rel="alternate" hreflang="" href="">标签:

如果你的网站有多个语言版本或地域版本,可以使用<link rel="alternate" hreflang="" href="">标签来指定不同语言或地区对应的URL地址。这样做有助于提高目标用户群体在特定地区和语言环境下找到正确的页面。

7.<meta http-equiv="Content-Type" content="">标签:

通过<meta http-equiv="Content-Type" content="">标记定义网页字符集编码格式(比如UTF-8),确保浏览器正确解析和显示内容。

8.其他自定义头部信息:

除了以上常见的SEO相关头部标签外,根据具体需求还可以添加其他自定义头部信息。比如Open Graph协议中用于社交媒体分享、Twitter Cards用于在Twitter上展示富媒体等等。

通过我的亲身实践经验,在<head></head>之间合理添加这些关键性SEO优化元素能够有效提升网站的搜索引擎排名和流量。当然,除了优化头部标签,还要注意网页内容质量、外链建设等方面的工作。希望我的分享对你有所帮助!