首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

停止滥用div! HTML语义化介绍

我认为HTML5规范本身在元素定义下的一个注释中很好地总结了这个问题: 注释: 强烈建议作者将div元素视为最后采取的元素,在没有其它元素适合的(情况下)。...-- https://www.w3.org/TR/html5/grouping-content.html#the-div-element 我将语义块元素分为两类:主要结构和内容指标。...当一个元素仅是用于样式目的或为脚本编写提供便利的时候,鼓励作者使用[div](https://www.w3.org/TR/html5/grouping-content.html#elementdef-div...也可以有,和元素,因此你可以使用它来嵌入一个完整的文档片段,其中包含其它页面中所需的所有结构。...这些绝不是HTML中唯一的语义元素。有很多其它元素可以帮助你标记和构建你的文本内容,嵌入媒体资源等等。如果你喜欢这个并且希望深入挖掘,这里有一些(标签)可以查看下。

96140

HTML5-嵌入内容

下述内容主要讲述了《HTML5权威指南》第15章关于“嵌入内容”。 一、嵌入图像 img元素允许我们在HTML文档嵌入图像。图像在HTML标记处理完毕后才加载!!...在超链接嵌入图像 示例:使用img和a元素创建服务器端的分区响应图 <!...二、 嵌入名一张HTML文档 iframe元素允许我们在现有的HTML文档中嵌入另一张文档。 示例:使用iframe元素 ?...(浏览器未支持) sandbox 对HTML文档进行限制(浏览器未支持) 三、 通过插件嵌入内容 object和embed元素最初都是作为扩展浏览器能力的一种方式,用于添加插件支持,而插件能够处理浏览器不直接支持的内容...显示范围的值 meter元素显示了某个范围内所有可能值中的一个。 min和max属性设定了可能值所处范围的边界,它们可以用浮点数表示。

2.1K61

typecho嵌入html或markdown代码

博主的方法是将Markdown转换成html格式,然后粘贴到typecho中。 但是typecho不像wordpress支持直接html格式的粘贴,需要做一些调整。...下面就给大家介绍一下markdown的转换和html的粘贴。 markdown转html 一般的markdown工具都支持将Markdown导出为Html格式。...直接在文章上右键,然后copy as html即可复制到剪切板。 ? 不同的工具用法不同,都有这个功能。...简单点的工具支持直接右键copy成Html格式,复杂一点的无非就是先导出成Html文件,然后我们打开Html文件,然后拷贝即可。 html拷贝到typecho上 这一步就比较简单了,撰写文档,在!!!...中间填写粘贴的html代码即可。 ? 后记 markdown编写还是比较舒服的,博主习惯用这种方式是因为可以先在本地编写,就会在本地保留一份原件,就算以后服务器数据丢失了,博文也会在本地拥有备份。

2.3K20

【译】停止滥用div! HTML语义化介绍

我认为HTML5规范本身在元素定义下的一个注释中很好地总结了这个问题: 注释: 强烈建议作者将div元素视为最后采取的元素,在没有其它元素适合的(情况下)。... 复制代码 我已经看过(并且使用过)这种模式很久了,以这种方式构造文档非常有意义,既可以读取HTML,又可以更加简单地在CSS中设置页面样式。...当一个元素仅是用于样式目的或为脚本编写提供便利的时候,鼓励作者使用[div](https://www.w3.org/TR/html5/grouping-content.html#elementdef-div...也可以有,和元素,因此你可以使用它来嵌入一个完整的文档片段,其中包含其它页面中所需的所有结构。...这些绝不是HTML中唯一的语义元素。有很多其它元素可以帮助你标记和构建你的文本内容,嵌入媒体资源等等。如果你喜欢这个并且希望深入挖掘,这里有一些(标签)可以查看下。

1.8K20

实现div的img图片水平垂直居中

body结构 方法一: 将display设置成table-cell,然后水平居中设置... *{margin: 0;padding: 0;} div{ width:150px; height: 100px; display:...将div设置成相对定位relative,将img设置成绝对定位absolute,left:50%,top:50%,此时图片的左上角位于div的中心,要是图片的中心位于div的中心,就需要将图片向上移动图片高度的一半...将div设置成相对定位relative,将img设置成绝对定位absolute,left:50%,top:50%,此时图片的左上角位于div的中心,要是图片的中心位于div的中心,就需要将图片向上移动图片高度的一半...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/137482.html原文链接:https://javaforall.cn

2.9K20
领券