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 既可以设置宽高 又水平排列

原文地址:https://www.cnblogs.com/-constructor/p/12364353.html

时间: 2024-11-08 09:16:46

html语一化/块/行级元素的相关文章

块级元素 行级元素及其他元素

我们常说元素分为块级元素和行级元素,这只是一种简化了的约定. 1.元素的display属性定义了该元素在页面中渲染出来的盒模型. Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline. 2.display属性的值如下: 2.1常见的值如下三个: blo

HTML <!DOCTYPE> 标签 布局引用的几种方法 行级元素与块级元素

HTML <!DOCTYPE> 标签 <!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> 文档的内容...... </body> </html> <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE> 声明不是 HTM

CSS中的块级元素与行级元素

最近初学CSS时对块级元素与行级元素有时会产生混淆,写篇博客记录一下自己对其的理解. 先从概念上来看: 块级元素 特点:1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 2.元素的高度.宽度.行高和顶底边距都是可以设置的. 3.元素的宽度如果不设置的话,默认为父元素的宽度. 常见的块级元素:<div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>

HTML块级元素和行级元素

1.块级元素 行级元素?块级(block)元素的特点:①总是在新行上开始:②高度,行高以及外边距和内边距都可控制:③宽度缺省是它的容器的100%,除非设定一个宽度:④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点:①和其他元素都在一行上:②高,行高及外边距和内边距不可改变:③宽度就是它的文字或图片的宽度,不可改变:④内联元素只能容纳文本或者其他内联元素. 2.块级元素:块级大多为结构性标记 =============常用有============= <address>...&

学习总结:CSS(一)块级与行级元素特性、盒模型、层模型、BUG与BFC、浮动模型

.displayTal { width: 100%; font-size: 13px } .displayTal1 { width: 30%; height: 30px; font-size: 13px; color: #009933 } .displayTal2 { width: 40%; height: 30px; font-size: 13px; color: #009933 } .displayTal3 { width: 30%; height: 30px; font-size: 13p

内联(行级)元素不能设置margin-top

内联(行级)元素 不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-right属性.如果需要设置行级元素的margin-top或margin-bottom属性,必须将行级元素转换成内联块级元素或块级元素.

可替换元素—行级元素可以设置宽高?

上篇文章讲的是行级元素与块级元素,明明说了行级元素不可设置width,height属性,而为何img.input等行级元素可以设置宽.高??? 看官莫急,下面我会详细解答. 可替换元素 1. 替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容.例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来,而 如果查看(X)HTML代码,则看不到图片的实际内容:又例如根据<input>标签的type属性来决定是显示输入框,还是单选按钮等. 2. 他们区别一般i

行级元素和块级元素的转换

1.行内标签转换成块级标签的方法 <span style="height:30px;width:550px;display:block">span1</span> 2.块级标签转换成行内标签的方法 <div style="height:30px;width:550px;display:inline">div1</div> 初始的情况: <span style="height:30px;width:550

浅谈css(块级元素、行级元素、盒子模型)

一.块级元素的特点 1.默认显示在父标签的左上角 2.默认占满一行(占满整个文档流) 文档流是将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 二.行内元素(内联元素)的特点 1.大小受到文字区域的影响,不受到width.height影响. 2.行内元素不会独自占满一行. 例: 1 <div id="d1"> 2 这是块级元素 3 </div> 4 <span id="d2"> 5 这是行内元素 6 &