html语一化/块/行级元素

html文件不区分大小写。//vue项目中组件名字驼峰 使用时候却全部小写 说明不区分

html语义化的意思

  1. 就是标签名带有一定含义和一些css样式。比如h1-h6是标题 自动放大变粗,img是图片,table是表单等等,html5新增了一些header footer nav导航栏目
  2. 便于程序员阅读,提高团队开发速度
  3. 便于机器阅读,有利于seo(搜索引擎优化)
//html文件中meta标签
mate name=keywords content=‘’  关键字
mate name=decription content=‘’  描述
  
这两行显示的就是百度爬虫 显示的标题和 下面短短的内容。根据你的标签搜索,重点搜索标题h
  1. 有些标签有默认样式,如果浏览器禁止了css,还是能达到突出显示的 h1

行级元素/块级元素

行级元素 span a i(斜体) b(加粗important)strong(加粗) em(强调文本)

特点:不能设置宽高(内容撑开),水平排列

块级元素 div p ul(无序列表) li(写在列表中) ol (有序列表)

特点:可以设置宽高,垂直排列

特殊 img button text 特别 既可以设置宽高,又能水平排列

通过display属性切换

inline 行级元素 block块级元素 inlineblock 既可以设置宽高 又水平排列

相关推荐