标签: markup

架构标记:网页与文章

我提供一个关于我的健康相关服务的网站,其中有几页描述了我的实践和服务、我的工作方法,以及许多关于与我的工作领域相关的特定主题的文章(想象一下医生或治疗师正在做什么,这应该给出这个想法)。

但我很困惑是否将我的页面定义为“网页”或“文章”?

<span itemprop="telephone"> 我现在将它们定义为“文章”,但根据谷歌的结构化数据测试工具,这反过来又不允许我标记我的电话号码 。

markup structured-data schema.org

5
推荐指数
1
解决办法
3466
查看次数

电报消息(来自机器人或手动)如何避免数字成为移动设备上的链接?

当在 Telegram 中发送或接收包含数字的消息时,我注意到如果它们包含 5 个或更多数字,它们会自动成为移动客户端上的链接。另外,如果中间有一个点。

\n\n

例如,如果有123412.34在消息中,则一切都很好。但是,如果消息包含12345123.45,则12.345它会成为链接。截图示例:

\n\n

截屏

\n\n

单击它似乎会将其作为某种电话号码打开。

\n\n

我手动发送的消息以及通过机器人发送的消息都会发生这种情况。仅在移动客户端(我的例子是 Android)上,相同的消息在 Web 客户端中看起来很好。

\n\n

当使用价格或金额时,如果数字直接附有符号,则不会发生这种情况,例如,\xe2\x82\xac249.95但如果中间有空格,则确实\xe2\x82\xac 249.95会发生这种情况,例如。

\n\n

手动发送消息或从机器人发送消息时(使用sendRequest API 函数)是否有某种方法可以避免数字自动转换为链接?

\n

markup markdown clickable telegram telegram-bot

5
推荐指数
1
解决办法
2195
查看次数

设置 HTML 输入的语言

我目前正在开发一个处理翻译的应用程序。在原型中,该应用程序可以处理从英语到德语的翻译。

目前,我的<textarea>元素被元素包围<label>

<label className="m-translation-card__native-field-label" 
       aria-label="Original (English)">
    English

    <textarea className="m-translation-card__native-field-input"
              placeholder="English translation"
              onChange="..." 
              value="..."
    />
</label>

<label className="m-translation-card__translated-field-label"
       aria-label="Translation (Deutsch)">
    Deutsch

    <textarea className="m-translation-card__translated-field-input"
              placeholder="German translation"
              onChange="..."
              value="..."                            
    />
</label>
Run Code Online (Sandbox Code Playgroud)

当通过键盘导航到“英文翻译”文本区域时,屏幕阅读器将以value英文大声朗读文本区域属性内容。这是有道理的 -标签lang的属性<html>设置为“en” - 并且是预期的功能。

但是,当导航到“德语翻译”文本区域时,屏幕阅读器会再次用value英语发音文本区域属性内容 - 这种发音通常与正确的德语发音有很大不同。理想情况下,发音是德语。

我想添加一个属性,以便屏幕阅读器知道第二个文本区域的内容是德语。我尝试过使用该lang="de"属性,但它并没有影响发音。

有办法实现这一点吗?

html markup accessibility internationalization

5
推荐指数
1
解决办法
2万
查看次数

将图片插入Github页面?

如何将图像插入到 Github README 中,以便在加载使用 README 作为源的 Github 页面时显示该图像?

我在自述文件中写了这段代码:

<img src="https://github.com/my_username/xxx/blob/master/image.jpeg" width="1000"/>
Run Code Online (Sandbox Code Playgroud)

当我查看存储库中的自述文件时,会显示该图像。然而,当我打开我的 Github 页面(使用 Jekyll 主题)时,图片显示为损坏的图像符号。

我非常感谢一些指导!谢谢 :)

html markup github

5
推荐指数
1
解决办法
3133
查看次数

使用大量标记使文本国际化的最佳实践?

我工作的一个Web项目以多种语言将(希望)可一天(我说"希望",因为虽然我们只有一个英语网站今日计划,我公司的其他产品使用多种语言,我希望我们也足够成功,也需要它.

我明白,最好的做法(我使用Java,Spring MVC和速度这里)是把所有的文字,用户将外部文件中看到,并指他们的名字的UI文件,如:

#in messages_en.properties:
welcome.header = Welcome to AppName!

#in the markup
<title>#springMessage("welcome.header")</title>
Run Code Online (Sandbox Code Playgroud)

但是,其从来没有过要经历这个过程的一个项目我自己,我很好奇,想解决这个问题的最好办法是什么,当你有上标记重UI的一些领域,如:

<p>We are excited to announce that Company1 has been acquired by
<a href="http://www.companydivisionx.com" class="boldLink">Division X</a>,
a fast-growing division of <a href="http://www.company2.com" class="boldLink">Company 2</a>, Inc. 
(Nasdaq: <a href="http://finance.google.com/finance?q=blah" class="boldLink">BLAH</a>), based in...
Run Code Online (Sandbox Code Playgroud)

我能想到的一个办法是,以标记的这种"低层次"本身存储在messages.properties的消息 - 但是这似乎是最糟糕的选择.

我能想到的其他选择是:

  • 存储在messages.properties,如每个非标记内片段acquisitionAnnounce1,acquisitionAnnounce2,acquisitionAnnounce3.这看起来非常乏味.
  • 打破这个消息转换成多个可重复使用的部件,例如Company1.name,Company2.name,Company2.ticker等等,每一种在许多其他消息很可能再利用.这可能占该特定消息中80%的单词.

是否有任何最佳实践来处理带有标记的文本的国际化?你只需要咬下来并承受分解每一段文字的痛苦吗?您亲自处理过的任何项目的最佳解决方案是什么?

java markup templates internationalization

4
推荐指数
2
解决办法
908
查看次数

Python的轻量级标记语言

编写Python Web应用程序,我想创建一个文本区域,用户可以用轻量级标记语言输入文本.该文本将导入到html模板并在页面上查看.今天我用这个命令来创建textarea,它允许用户输入任何(html)文本:

my_text = cgidata.getvalue('my_text', 'default_text')
ftable.AddRow([Label(_('Enter your text')),
               TextArea('my_text', my_text, rows=8, cols=60).Format()])
Run Code Online (Sandbox Code Playgroud)

我怎样才能改变它,以便只允许一些(安全的,最终轻量级的)标记?包括消毒剂在内的所有建议都是受欢迎的,只要它可以轻松地与Python集成.

html python markup

4
推荐指数
1
解决办法
1157
查看次数

使用CSS sprites在表单元素上定位背景图像

我正在尝试将放大镜作为输入元素的背景.放大镜图标是CSS精灵的一部分,如下所示:

在此输入图像描述

为了定位它,我使用了以下属性:

#search-form input[type="text"] {
    background: url('../images/icons.png') no-repeat left center;
    background-position: 0px -30px;
    border: 1px solid #a9e2ff;
    padding: 3px;
    width: 200px;
    font-size: 1em;
    padding-left: 20px;
}
Run Code Online (Sandbox Code Playgroud)

但背景仍然出现在输入框的顶部,而不是在垂直中间和左边对齐.我也尝试过:

background: url('../images/icons.png') no-repeat left middle;

但这也不起作用.

如果它很重要,虽然我猜它没有,这是我的表单标记:

<form action="/search" method="get" id="search-form">
    <input type="text" placeholder="Search..." name="s">
</form>
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

html css markup css-sprites sprite

4
推荐指数
1
解决办法
1万
查看次数

Html上下限

任何使用css上限或下限的内容放入html的方法如:¹或¹(我也需要拉丁字母).

html css markup

4
推荐指数
2
解决办法
2万
查看次数

WordPress生成无效标记,如何删除它?

您好我正试图通过使用以下代码获取与其元素部分中的帖子相关联的类别:

<div>FILED AS: <span class="gf-post-meta-result"><?php the_category(' &bull; ') ?></span></div>
Run Code Online (Sandbox Code Playgroud)

WordPress生成的标记为:

<div>FILED AS: <span class="gf-post-meta-result"><a href="http://localhost/test/category/uncategorized/" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a></span></div>
Run Code Online (Sandbox Code Playgroud)

问题:

这个rel="category tag"由wordpress生成的部分使我的代码无效.W3c Validator抛出错误说:

属性rel的错误值类别标记元素a:字符串类别不是注册关键字或绝对URL.路径组件中的空格.使用%20代替空格.

…w all posts in Uncategorized" rel="category tag">Uncategorized</a></span></div>
Run Code Online (Sandbox Code Playgroud)

知道怎么纠正这个吗?

validation wordpress markup html5

4
推荐指数
1
解决办法
1296
查看次数

如何在列表视图中放置一个ProgressBar?

我有一个AsyncTask中填充的ListView。在运行时,ListView变为不可见,ProgressBar显示在水平中心,在AsyncTask完成后消失,然后再次显示ListView。现在看起来像这样:

在此处输入图片说明

但是我需要将ProgressBar显示在ListView的内部,并且水平和垂直居中:

在此处输入图片说明

这是我的布局标记:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:layout_weight="1">

    <LinearLayout
            android:id="@+id/LinearHeaderProgress"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center"
            android:orientation="vertical"
            android:visibility="gone">

        <ProgressBar
                android:id="@+id/HeaderProgress"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
        </ProgressBar>
    </LinearLayout>

    <ListView
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:id="@+id/listView"/>
</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

我该如何实现?

谢谢。

markup android android-listview android-progressbar

4
推荐指数
1
解决办法
1630
查看次数