html块标签、含样式的标签
仅供学习，转载请注明出处
html块标签
1、<div> 标签 块元素，表示一块内容，没有具体的语义。 2、<span> 标签 行内元素，表示一行中的一小段内容，没有具体的语义。
编写一个示例如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- span 不换行 -->
<span>我</span>
<span>是</span>
<span>肥</span>
<span>白</span>
<!-- div 换行 -->
<div>我</div>
<div>是</div>
<div>胖</div>
<div>子</div>
<div>老</div>
<div>板</div>
</body>
</html>浏览器运行如下：
含样式和语义的标签
1、<em> 标签 行内元素，表示语气中的强调词 2、<i> 标签 行内元素，表示专业词汇 3、<b> 标签 行内元素，表示文档中的关键字或者产品名 4、<strong> 标签 行内元素，表示非常重要的内容
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<em>胖子老板：肥仔白，买包槟榔啦！</em> <br>
<i>肥仔白：槟榔 + 香烟啦！</i> <br>
<b>胖子老板：这么给力啊！！</b> <br>
<strong>肥仔白：肯定给力啊！</strong>
</body>
</html>浏览器展示如下：
语义化的标签
语义化的标签，就是在布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，理解文档的结构，方便网站的收录。比如：h1标签是表示标题，p标签是表示段落，ul、li标签是表示列表，a标签表示链接，dl、dt、dd表示定义列表等，语义化的标签不多。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019.01.20 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录