|
|
马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 不二如是 于 2020-3-17 19:00 编辑
《零基础入门学习Web》（HTML5 & CSS3）很快就要进入网页结构部分咯。
所以今天我就来给大家科普一下常用的单词及基本框架结构，先来看下面的这张图：
图中的几个名词就是常用的结构啦，我们主要偏文字解释，具体实现请看：
1、container
“container”就是将页面中的所有元素包在一起的部分。
这部分还可以命名为:“wrapper“, “wrap“, “page“.
2、header
“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。
这部分还可以命名为:“page-header” (或 pageHeader).
3、navbar
“navbar“等同于横向的导航栏，是最典型的网页元素。
这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.
4、menu
“menu”区域包含一般的链接和菜单。
这部分还可以命名为: “subNav “, “links“，“sidebar-main”.
5、main
“main”是网站的主要区域，如果是博客的话它将包含的日志。
这部分还可以命名为: “content“, “main-content” (或“mainContent”)。
6、slider
“sidebar” 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等…
这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.
7、footer
“footer”包含网站的一些附加信息，这部分还可以命名为: “copyright“.
需要注意的点
作为一名前端，我列举一些常用的英文单词，供大家创建时使用，专业词汇还是要懂滴。
(1)页面结构
容器: container 页头：header 内容：content/container
页面主体：main 页尾：footer 导航：nav
侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper
左右中：left right center
(2)导航
导航：nav 主导航：mainbav 子导航：subnav
顶导航：topnav 边导航：sidebar 左导航：leftsidebar
右导航：rightsidebar 菜单：menu 子菜单：submenu
标题: title 摘要: summary
(3)功能
标志：logo 广告：banner 登陆：login 登录条：loginbar
注册：regsiter 搜索：search 功能区：shop
标题：title 加入：joinus 状态：status 按钮：btn
滚动：scroll 标签页：tab 文章列表：list 提示信息：msg
当前的: current 小技巧：tips 图标: icon 注释：note
指南：guild 服务：service 热点：hot 新闻：news
下载：download 投票：vote 合作伙伴：partner
友情链接：link 版权：copyright
如果喜欢，别忘了评分 ：
这位鱼油，如果喜欢本系列HTML帖子，请订阅 专辑☞（ 传送门）（ 不喜欢更要订阅 ） |
评分
-
查看全部评分
|
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2018-11-5 10:46:10
置顶卡
千斤顶
显身卡
发表于 2018-11-9 23:21:44
发表于 2018-11-17 11:53:40
