首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

html结构的拆与

也许html结构也如是,总是在拆拆合合中演绎着一段段神奇的故事。 玩过七巧板的都知道,虽然看起来只有七块,但随便拼装下就是一份不一样的惊喜。...对于第一个html结构如下: .block-hd h3.block-tt a.link-xxx 对于第二种结构,我们就得用到了,不能再是简单的罗列了,代码如下: .block-hd...上下拆 这个最典型的莫过于网站整体布局了,可详见HTML整站结构设计 header.header>.inner-center section.section-mainr>.inner-center footer.footerr...这里最典型的莫过于fixed导航,及fixed的右下角的回到顶部,效果请看w3cplus,当你滚动滚动条的时候会发现顶部导航一直fixed在顶部,而右下角会出现一个返回顶部的小按钮 说了这么多,总结起来就是:html...总之,html结构肯定不是越简单越好,当然也肯定不是越复杂越好,而是建立在拆之上的一种取舍之道。

1K90

html结构的拆与

也许html结构也如是,总是在拆拆合合中演绎着一段段神奇的故事。 玩过七巧板的都知道,虽然看起来只有七块,但随便拼装下就是一份不一样的惊喜。...对于第一个html结构如下: .block-hd h3.block-tt a.link-xxx 对于第二种结构,我们就得用到了,不能再是简单的罗列了,代码如下: .block-hd...上下拆 这个最典型的莫过于网站整体布局了,可详见HTML整站结构设计 header.header>.inner-center section.section-mainr>.inner-center footer.footerr...这里最典型的莫过于fixed导航,及fixed的右下角的回到顶部,效果请看w3cplus,当你滚动滚动条的时候会发现顶部导航一直fixed在顶部,而右下角会出现一个返回顶部的小按钮 说了这么多,总结起来就是:html...总之,html结构肯定不是越简单越好,当然也肯定不是越复杂越好,而是建立在拆之上的一种取舍之道。 本文首发IMWeb,如转载,敬请注明地址。

58220
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML文件的!Doctype有什么作用?

    DOCTYPE是document type的简写,它并不是 HTML 标签,也没有结束标签,它是一种标记语言的文档类型声明,即告诉浏览器当前 HTML 是用什么版本编写的。...DOCTYPE的声明必须是 HTML 文档的第一行,位于html标签之前。大多数Web文档的顶部都有doctype声明,它是在新建一个文档时,由Web创作软件草率处理的众多细节之一。...如果你的页面添加了那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器显示的就都是一个样子了。...HTML 标签的用法注意事项 1. 声明没有结束标签。 2. 声明对大小写不敏感。 3....请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档! HTML <!

    3.1K30

    HTMLHTML 标签 ① ( 骨架标签 | 双标签和单标签 | 嵌套关系和并列关系 | 文档类型 | 页面语言 | 编码字符集 )

    文章目录 一、HTML 标签简介 二、HTML 骨架标签 三、双标签和单标签 四、嵌套关系和并列关系 五、文档类型 六、页面语言 七、编码字符集 一、HTML 标签简介 ---- HTML 英文全称...HTML 标签都在 尖括号 中进行定义 , 这些标签都有各自的语法规范 ; 二、HTML 骨架标签 ---- HTML 骨架标签 : 跟标签 : 所有的标签都在 跟标签 中 ; 中的 是开始标签 ; 结束标签 : 后面的标签称为结束标签 , 中的 是结束标签 , 结束标签比开始标签多了标签关闭符.../ ; 单标签 : 单标签 都是 空元素 , 不需要再标签中包含内容 , 如换行标签 ; 四、嵌套关系和并列关系 ---- 双标签之间的关系 : 嵌套关系 : 下面代码中 html 标签...与 head 标签 , 属于 嵌套关系 , 一般 子标签 会相对于 父标签 缩进一个 TAB 身位 ; 并列关系 : 下面代码中 head 标签 与 body 标签 , 属于 并列关系 , 二者 对齐排在一起就可以

    1.3K10

    空白符号在线复制_html空格怎么表示

    空格网名符号复制 搜狗输入法,v+1 在按下d 就是空格 :这里空格【】 这里还有一个空格: []弄了,在游戏就是空白名 空格符号复制 法一:搜狗输入法 将半角转换全角,快捷键(Shift+空格键...咗嚛本经验以最新QQ版本为例,其他操作也一样哈, 括号的【 】复制粘贴到昵称修改就是空白的了。 QQ怎么输入空白昵称:首先登陆QQ,打开主面板的QQ昵称,或者点击头像。...怎样复制空格作为网名 在搜狗输入法找空白字符 空格网名怎么打 如果只是按空格键的话,是不可行的。会提示昵称不能为空。但网上那些延长空格的符号,我觉得出现在空间等其他地方效果也不好。...发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/193570.html原文链接:https://javaforall.cn

    6.5K30

    HTML5缩写成h5究竟不合理?

    HTML5说起来很麻烦,因此业界很多前端、产品都讲html5简写成h5,包括许多大公司例如bat都是这样说。...虽然现在互联网圈开口闭口就谈H5, 科普HTML5 先科普一下,HTML5并不是一项技术,而是一个标准。标准的意思就是:学生准则手册。...所以其实要么我们是作为理论派讨论HTML5标准,要么是作为实践派讨论HTML5标准在某浏览器的应用。...,对了, H5也改一下(很显然H5是指无线端页面) 然后把把H5换成HTML5: 小前端,PC端要改个东西...., 对了,HTML5也改一下.... 是不是感觉很别扭?因为这两货根本不是一个概念!...这个简写是本身就是缩写的HTML5的简写。如果你把H5看成HTML5的简称,那真的很low不合理;如果你把H5看成指代无线页面的一个替代名词,那么根本就不用讨论不合理的问题。

    1K20
    领券