html 是 web 前端开发基础, 关于 HTML, 这里有几个很重要的知识点, 在日常开发常常用到, 并且在大家面试的时候也会问的, 记住这 7 个重要知识点, 助你在面试时优先录用.
1, 网页结构
网页结构一般都包含文档声明 DOCTYPE, 并且在 head 中的 meta 应该包含编码格式, 关键字, 网页描述信息. 简单格式如下:
JD 首页的 meta 声明:
- <meta charset="gbk" />
- <meta name="description" content="京东 JD.COM - 专业的综合网上购物商城, 销售家电, 数码通讯, 电脑, 家居百货, 服装服饰, 母婴, 图书, 食品等数万个品牌优质商品. 便捷, 诚信的服务, 为您提供愉悦的网上购物体验!">
- <meta name="Keywords" content="网上购物, 网上商城, 手机, 笔记本, 电脑, MP3,CD,VCD,DV, 相机, 数码, 配件, 手表, 存储卡, 京东">
包含 charset 编码格式, Keywords 关键字, description 网站描述.
2, 自关闭元素
<br>,<embed> ,<hr>,<img>,<input>,<link>,<meta>,<param>,<source>,<wbr>
3, 布局最常用的两个元素
(1)div: 流布局使用;
(2)span: 文字块使用.
4, 块级别元素和行级别元素
块级别元素: 是指开始在新的行, 占领整行宽度. 例如 div 默认是块级别 block 元素;
行级别元素: 仅仅维持内容的宽度, 例如文字块的 span 元素;
通过 CSS 的 display 属性声明元素显示级别, 一般包括 inline 行级别, inline-block 行内块元素, block,table 块级别表格.
5, 文字类元素
(1) 加粗元素: strong,b. 例如:
<p><strong>Caution:</strong> Falling rocks.</p><p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>
(2) 倾斜元素: 和. 例如:
6,HTML5 新增的结构化元素
(1) 结构化元素包括:<header>, <nav>, <article>, <section>, <aside>, <footer>.
(2) 元素级别: 都是 block 级别元素, 不包含样式, 只用于结构化, 每个页面可多次使用.
(3) 元素说明: header 描述头部信息, nav 用于导航模块, article 用于可重新覆盖的新闻类内容块, section 模块化, aside 页面左或右模块, footer 底脚模块.
7, 页面内跳转
如果需要跳转到页面指定的位置, 可在该位置设置元素的 id 属性, 然后为链接添加 href="#id". 例如:
来源: http://www.jianshu.com/p/3cdd931cca4e