HTML 语义化的理解
html语义化的含义:根据内容的结构化,选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。(基本上都是围绕着几个主要的标签,像标签H1~H6,li、强调(strong、em)等等)。
语义化的原因:在我的理解当中是:
①为了在没有CSS情况下,页面也能呈现出很好的内容结构、代码结构。(为了裸奔时候好看)。
②用户体验:例如title、alt用于解释名词或者解释图片信息、label标签dd的活用。
③有利于SEO(网络引擎搜索优化):和搜索引擎建立良好的沟通,有助于爬虫抓取更多的有效信息(爬虫依赖于标签来确定上下文和各个关键字的权重)。
④方便其它设备解析(如屏幕阅读器,盲人阅读器,移动设备)以意义的方式来渲染网页。
⑤便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化。
HTML5新增了哪些语义化标签
头部:<header></header>
尾部:<footer></footer>
独立结构:<article></article>
主要内容:<main></main>
导航:<nav></nav>
侧边栏:<aside></aside>
节、段、分组:<section></section>
新增input属性
input : 类型 描述
autofocus: 页面加载时自动获取焦点
required: 规定输入域不能为空
placeholder: 提供一种提示(hint),输入域为空时显示,获得焦点时消失
pattern : 规定验证input域的模式(正则表达式)
height、width :仅适用于image类型的input标签的图像高度和宽度