2019-08-03

8.3

1、块级元素如何转换为行级元素?行级元素如何转换为块级元素?行级元素如何转换为行内块元素?
2、谈谈对html语义化的理解。

可以通过display: inline-block设置为块转行内元素。
可以通过display:block,float- ,position(absolute和fixed),设置行转块级元素

块元素

body from select textarea h1-h6 html table button hr p ol ul dl cnter div

特征:

自成一行
可定义宽高

行内元素

heda meat title lable span br a style em b i strong

特征:

自适应宽高,不可定义宽高
多个标签自动在一行

行内块元素:

img input

特征:

自动在一行
可定义宽高

相互转换:

块->行内:display:inline;

行内->块:display:block;

块,行内->行内块:display:inline-block;
2、什么是HTML语义化?

<基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等>

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基础知识 Apple 的简介 Xcode 面板介绍和 Android Studio 还是有很大差距的,而且快捷键很...
    金樽明月阅读 140评论 0 0
  • 目的 1.学习结构体的创建,使用 2.指针的相关知识 3.实现对文件的读写 4.学会创建链表 以及链表的基本知识 ...
    W1NFRED阅读 441评论 0 0
  • Vue.js - Day1 课程介绍 前5天: 都在学习Vue基本的语法和概念;打包工具 Webpack , Gu...
    程序猿李墨阅读 294评论 0 0
  • 写一个匿名函数,判断指定的年是否是闰年 写一个函数将一个指定的列表中的元素逆序( 如[1, 2, 3] -> [3...
    棠球球阅读 120评论 0 0
  • 1.写一个匿名函数,判断指定的年是否是闰年 2.写一个函数将一个指定的列表中的元素逆序( 如[1, 2, 3] -...
    风中逐月fzzy阅读 341评论 0 0