html 常见命名

常见命名

.wrap或.wrapper--用于外侧包裹

.container或.ct--包裹容器

.header--用于头部

.body--页面 body

.footer--页面尾部

.aside、sidebar--用于侧边栏

.content--和header footer对应，用于主要内容

.navigation--导航元素

.pagination--分页

.tabs >.tab--tab切换

.breadcrumbs--导航列表、面包屑

.dropdown--下拉菜单

.article--文章

.main--用于主体

.thumbnail--头像、小图像

.media--媒体资源

.panel--面板

.tooltip--鼠标放置上去的提示

.popup--鼠标点击d出的提示

.button、btn--按钮

.ad--广告

.subnav--二级导航

.menu--菜单

.tag--标签

.message或.notice--提示消息

.summary--摘要

.logo--logo

.search--搜索框

.login--登录

.register--注册

.username--用户名

.passwprd--密码

.banne --广告条

.copyright--版权

.modal或.dialog--d窗

状态:

inverse--相反的

toggled--切换

switched--转换

original--起初的

initial--最初的

identified--识别

disabled--禁用

loading--加载

pending--等待

syncing--同步

default--默认

修饰:

dark--黑暗的

light--浅色的

shaded--深色阴影的

flat--平滑的

ghost--精灵

maroon--褐红色的

pale--白

intense--强烈的

twisted--扭曲的

narrow--狭窄的

wide--宽的

smooth--光滑的

separate--分离

clean--清洁的

sharp--锋利的

aligned--对齐的

元素:

pagination--分页

modal--情态动词

popup--d出

article--文章

story--故事

flash--闪光

status--现状

state--州立

media--媒体

block--快

card-卡

teaser--挑逗

badge--徽章

label--标签

sheet--片材

poster--海报

notice--通知

record--记录

entry--入门

item--项目

figure--图

square--广场

module--模块

bar--酒吧

button--按钮

action--行动

knob--旋钮

布局:

navigation--航行

wrapper--包装器

inner--内部的

header--页眉

footer--页脚

aside--在一边

section--部分

divider--除法器

content--内容

container--容器

panel--面板

pane--窗格

construct--建造

composition--作文

spacing--间距

frame--框架

两者区别在于：

1、HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等；

2、一般统一在CSS中设置样式，你可以随便打开网站查看源码，基本上看不到HTML中有设置样式的；

3、html是用来写网页内容的，像网页上文字、图片内容等都是用html来写；

4、css是用来写样式表的，给html写的内容加上各种样式，使网页更美观。像文字的颜色，页面的布局，一些按钮边框的样式是用css来控制的；

5、html调用样式的时候分为三种类型：内联样式，内部样式，外部样式。

1）内联样式：就是写在html的标签上；

2）内部样式：就是写在heml的头部head中；

3）外部样式：就是写在外部，另外建一个css文件

这三种调用样式的权重值是：内联样式>内部样式>外部样式。

即：先文件加载的时候先调用内联样式，如果没有内联样式其次才是内部样式，最后才是外部样式。

html如果有属性的话就称为内联样式。这样的话内联样式权限大于CSS中的样式

也就是HTML属性会被显示出来的CSS中相同属性所覆盖

javascript的兼容问题，网页上的日期选择控件都是用js来实现的。js在不同的浏览器中有不同的支持。这个和你的机器本身没有关系

问题补充：既然与机器本身没有问题，那如何解决在ie7浏览器中打开日期控件，选择日期的问题呢？

答：这个没有办法，因为你访问的网站上面的内容你是不能改的。要解决此问题，只能让网站方修改网站的代码。或者你使用ie6访问显示有问题的网站，或者你试一下选择日期的地方能不能手动输入而不用它的日期选择器。你只要按照规定的日期格式输入，一样能够查询得到。

---