我正在尝试使用html5切片元素和标题实现正确的切片,同时实现设计/布局,我的客户要求(包括某些限制).
总体布局将是这样的:
<body>
<header>
<nav class="breadcrumbs"><ol /></nav>
<h1>page title</h1>
<p>visual title</p>
<p>sponsor</p>
<nav class="main_navigation"><ul /></nav>
</header>
<div class="main_content">
<article><h2>Article title</h2></article>
<article><h2>Article title</h2></article>
<article><h2>Article title</h2></article>
<article><h2>Article title</h2></article>
</div>
<footer>Footer stuff<footer>
</body>
我现在关心的是,如果我使用html5大纲,我会获得痕迹导航和主导航显示为无标题的部分.按照分级标题结构,我不能在h2下面给他们标题,我自然不会"标题"他们并且用css隐藏标题来"标题"他们感觉不对.
什么是保持语义正确的最佳方法,确认seo标准并防止那些出现在无标题的部分？
我正在使用我的客户端提供的图标字体中的大图标作为Web应用程序索引页面上的标题徽标.徽标大小为设备宽度的60%,包含一个大圆形徽标(约占图标的40%),文本在下方,宽度为60%,在纵向模式下设备.
我将带有文本的徽标作为一个矢量图标字体图标,因为客户希望文本与CI要求的品牌完全一致.
_____###_____
____#####____
_____###_____
Slogan is here
它在桌面预览和我的谷歌nexus 4 Dolphin浏览器上看起来不错,但是在Chrome(在nexus上),口号被切断了,就像这个"Slogan is h".如果我切换到横向,它会再次正确显示.
.header-box-logo {
color: #fff;
font-size: 6.4rem;
margin: 1rem auto;
display: inline-block;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'iconfontnamehere';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
我正在使用基础5和iconmoon的自定义版本.我无法向您展示演示,因为所有图像都受NDA约束.
我在这里不知所措,知道为什么会这样吗？
我\xe2\x80\x99m 正在处理一个小型博览会项目设置，我在其中为 iOS/Android 和 Web 进行开发。我最近想向项目添加样式组件，并让 Web 和移动设备的所有内容都启动并运行，直到我开始使用主题提供程序和主题道具。我 99% 确信我应该正确完成所有操作，因为它适用于移动设备，但我在 Web 版本中遇到 JS 异常。
\nconst Container = styled.View`\n background-color: ${props => props.theme.color.primary};\n`\n这是我收到的错误：\n TypeError: 无法读取未定义的属性 \xe2\x80\x98primary\xe2\x80\x99
\n我怀疑这可能与 expo\xe2\x80\x99s 捆绑程序和缺少加载程序或其他东西有关？我不知道\xe2\x80\x99。据我所知，我按照文档中的说明进行了所有操作，并怀疑这是 Expo Web 和 ThemeProvider 的问题。
\n这些是我正在使用的相关软件包：
\n"expo": "~39.0.2"\n"styled-components": "^5.2.1"\n"@babel/core": "~7.9.0"\n我被这个问题所困扰，因为我需要决定是否继续使用样式化组件或不使用它们。
\n