HTML&HTML5问题记录
码农天地 -一、块级元素&行级元素是什么?常见的有哪些?块级元素
特点:
自动占满整行,宽度默认是父容器100%可设置宽高,可控可以容纳块级元素和行内元素常见的块级元素:
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题三级
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 水平分割线
<p>...</p> 段落
<pre>...</pre> 预格式化
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div>
行级元素特点:
不会自动占满整行,宽度由内容撑起宽高、内外边距不可控,不可设置内部只能容纳行级元素,不能容纳块级元素常见的行级元素:
<span>...</span>
<a>...</a> 链接
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 图片
<sup>...</sup> 上标
<sub>...</sub> 下标
<i>...</i> 斜体
<em>...</em> 斜体
<del>...</del> 删除线
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
二、HTML5标签语义化?常见的语义化标签?解释
赋予标签语义,然后使用合适语义的标签来表达结构化内容,从而更好的表达这些内容。
优点
代码结构:没有css情况下也能呈现出很好的内容结构,易于用户阅读SEO友好:通过标签和引擎根据建立良好的沟通,爬虫可以获取更多有效信息其他设备:方便其他设备解析,例如屏幕阅读器、盲人阅读器、移动设备可读性:让代码更加具有可读性,有利于团队开发和维护,减少阅读理解成本常见的语义化标签
特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。
上一篇: Redis做消息队列全攻略