内联事件处理程序是否被视为不良做法?例如:Clickme!如果是这样,使用内联事件处理程序的缺点是什么? 最佳答案 这是个坏主意,因为...最佳做法建议明确区分内容、样式和脚本。用内联JavaScript(或CSS)混淆HTML与此不一致。您只能将每种类型的一个事件与on*样式的事件绑定(bind),因此您不能有两个onclick事件处理程序,例如。如果内联指定事件,则JS被指定为字符串(属性值始终为字符串)并在事件触发时进行评估。评价是邪恶的。内联事件处理程序表示的函数必须是全局的(或至少是全局可访问的),如今这种情况很少见;代码
我想制作一个跨浏览器(FF3、IE6、Safari、Opera)、W3C有效(HTML和CSS)、可伸缩(水平垂直),没有JavaScript,有语义和较少的HTML标记RoundCORNER。图像可用于IE6。我尝试并测试了社区中可用的许多技术。但凡事都有上面提到的问题之一。如果有人知道我想要什么,请与我分享?请记住,我不想使用任何类型的JavaScript、jquery或任何类型的js。 最佳答案 两大渲染引擎支持CSS3已经有一段时间了,这使得圆Angular变得如此简单:-moz-border-radius:5px;-web
标签和字段很简单;我们有然后是相关的输入字段。但是,用于字段下方较小的信息文本的语义最正确的HTML元素是什么? 最佳答案 我不知道连接它们的特定元素或属性,但您可以使用ARIA属性aria-describedby来实现:FirstNamee.g.John但是在label中包含所有内容对我来说似乎也不错(还提供了良好的样式能力,因为您有一个-语义-容器):FirstNamee.g.John或者您甚至可以混合使用两者。另一种方法是将描述放在input元素的title(或@Alohci建议的placeholder)属性中(从语义上讲,这
就像它说的那样。 最佳答案 使用语义标记意味着您在页面中使用的(X)HTML代码包含描述其用途的元数据——例如包含员工姓名的可能标记为class="employee-name".最初有人希望搜索引擎使用这些信息,但随着网络的发展,语义标记主要用于为CSS提供钩子(Hook)。使用CSS和语义标记,您可以将页面的视觉设计与标记分开。这样可以节省带宽,因为设计只需下载一次,并且设计修改更容易,因为它没有混入标记中。还有一点是,所使用的元素应该与其中包含的数据具有逻辑关系。例如,表格应该用于表格数据,应用于文本段落,应该用于无序列表等。这
许多博客使用“标签”和“类别”的概念将元数据添加到帖子中。此信息的语义标记的最佳做法是什么,以便阅读博客文章的机器可以轻松识别标签?目前我将"tag"添加到链接的rel属性中,例如#site-configuration我想可以使用DublinCore的html格式作为关键字:并将其添加到页眉,或者元标记可以放在正文中吗?是一个或另一个更可取,还是一些完全不同的选择?在为内容提供精确和标准化的定义方面是否有更好的策略?如果我想对元数据如此挑剔,HTML5是一个合理的选择,还是我应该使用XML文档类型?不同方法的优缺点是什么? 最佳答案
我正在为我的网站使用语义UI框架。我想将登录框放在页面的中央。我只想要页面中的登录框。我不明白如何使用语义UI“网格类”居中对齐。请帮助我如何适应登录框。我的代码:mysemanticwebsiteAccountInfoUsername:Password: 最佳答案 请参阅此link中的代码:Yourstuffhere 关于html-语义UI中心对齐登录框?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.c
我喜欢在我的博文中添加响应式旁注。响应式:隐藏在小视口(viewport)上,在宽视口(viewport)的边缘可见。当隐藏在小屏幕上时,需要一个可见元素(“链接”)来指示还有更多内容要阅读。到目前为止,我的解决方案是:SomesentencewithunderlinedtextSidenotecontent,whichisclickableonsmallviewports.(添加了换行符以提高可读性)使用CSS,我将星号添加到带下划线的文本和旁注内容,以便在大屏幕上直观地将它们连接起来。此解决方案的问题在于sidenote__content正确显示取决于CSS。它显示在Pocket等
如何将包装元素中的两个元素向右浮动,从而在视觉和语义上保持元素的相同顺序?.container{widht:200px;height:50px;background:#333;}.containerp{width:50px;height:50px;background:#f00;float:right;margin:0;}SimonSays渲染时,这将使内部元素以“SaysSimon”的顺序出现,http://jsbin.com/eravan/1/edit. 最佳答案 您还可以在父元素上设置text-align:right;时使用d
我正在产品页面上实现星级评分系统。当前的是臃肿的,不能被认为是语义的。现在是否有更好的方法来处理HTML5中的评级(例如使用输入)?或者做不到这一点,为星级评分系统编写标记的合适方法是什么? 最佳答案 对于投票来说,它在语义上是一种形式(不是一组链接,因为这个Action有副作用,所以必须使用POST方法)。星星可以是单选按钮(带!)或提交按钮(不幸的是,这很难设置样式)。如果您在%中有评级会更合适或一些更大的规模。对于典型的1-5评级,它可能不是最佳解决方案:Theinputelementrepresentsacontrolfor
span元素看起来与div完全一样,但在行内级别而不是block级别。但是,我似乎想不出span元素可以提供任何有益的逻辑划分。一个单独的句子,或者如果不包含在句子中的单词,似乎是最小的逻辑部分。忽略CSS,因为CSS仅用于布局而不用于语义意义,什么时候span通过切碎一个句子或一串单词来提供额外的语义值?似乎在所有情况下,其他元素更适合添加语义值,使span成为一个纯粹的布局元素。这是真的吗? 最佳答案 Span可用于添加HTML范围之外的语义。这可以通过使用标识某些属性的类来完成。例如,如果您正在写科幻小说,您可以使用span来