¿Qué es la etiqueta title en CSS?
La
etiqueta define el título del documento. El título debe ser solo texto, y se muestra en la barra de título del navegador o en la pestaña de la página. ¡La <title> etiqueta es obligatoria en los documentos HTML! El contenido de un título de página es muy importante para la optimización de motores de búsqueda (SEO)!</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4">
<div class="accordion__panel-status"></div>
¿Cuál es la forma correcta de etiquetar un título?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">Una etiqueta de título es una etiqueta HTML — escrita <title>, bajo la sección <head> — que etiqueta tu página tanto para personas reales como para motores de búsqueda. En los SERPs, los títulos aparecen como el texto azul que la gente hace clic para navegar a tu página. También aparecen en la parte superior de las pestañas del navegador.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5">
<div class="accordion__panel-status"></div>
¿Cómo usar el título en CSS?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Usando Title CSS, harías lo siguiente: Para cualquier clase CSS global, usa un nombre en mayúsculas (capitalizado). Para cualquier clase modificadora o descendiente, usa una letra minúscula para el comienzo del nombre. Esto significa que con Title CSS capitalizas cualquier nombre de clase que se referenciará en la hoja de estilos sin una clase padre.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6">
<div class="accordion__panel-status"></div>
¿Cómo estilizas un tooltip de título?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">El tooltip es generado automáticamente por los navegadores web, en realidad no se puede eliminar ni cambiar. Para cambiar el estilo del tooltip, necesitamos añadir un texto de tooltip a un atributo diferente, por ejemplo data-title, luego usar código CSS para crear y personalizar el estilo. En WordPress, puedes añadir el código CSS a tu tema CSS.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7">
<div class="accordion__panel-status"></div>
¿Cómo debe usarse el elemento title?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">El elemento TITLE debe aparecer en el HEAD del documento. Solo puede haber un título en cualquier documento. Debe identificar el contenido del documento en un contexto bastante amplio. El título no es parte del texto del documento, sino que es una propiedad de todo el documento.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8">
<div class="accordion__panel-status"></div>
¿Qué es el código de título?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">El Código de Título significa un número utilizado para identificar un título.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9">
<div class="accordion__panel-status"></div>
¿Qué es el título del tooltip?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">El atributo title especifica información adicional sobre un elemento. La información se muestra más a menudo como un texto de tooltip cuando el ratón se mueve sobre el elemento. El atributo title se puede usar en cualquier elemento HTML (se validará en cualquier elemento HTML).</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10">
<div class="accordion__panel-status"></div>
¿Cómo estilizar el tooltip de título en CSS?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">CSS no puede cambiar la apariencia del tooltip. Depende del navegador/sistema operativo. Si quieres algo diferente, tendrás que usar Javascript para generar el marcado cuando pases el ratón sobre el elemento en lugar del tooltip predeterminado.</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section page-section--customers-reviews">
<div class="page-section__inner">
<h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2>
<div class="user-reviews">
<div class="user-reviews__item">
<div class="user-review">
<div class="user-review__header">
<div class="rating">
<div class="rating__stars">
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-half-filled"></div>
</div>
</div>
<div class="user-review__platform-logo"></div>
</div>
<div class="user-review__body">
<div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div>
<div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/155/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div>
</div>
</div>
</div>
</div>
<div class="user-reviews__item">
<div class="user-review">
<div class="user-review__header">
<div class="rating">
<div class="rating__stars">
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-half-filled"></div>
</div>
</div>
<div class="user-review__platform-logo"></div>
</div>
<div class="user-review__body">
<div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div>
<div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/155/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div>
</div>
</div>
</div>
</div>
<div class="user-reviews__item">
<div class="user-review">
<div class="user-review__header">
<div class="rating">
<div class="rating__stars">
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-filled"></div>
<div class="rating__star is-half-filled"></div>
</div>
</div>
<div class="user-review__platform-logo"> </div>
</div>
<div class="user-review__body">
<div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div>
<div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/155/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section page-section--c2a-get-form">
<div class="page-section__inner">
<div class="section-title-preamble">esté listo para obtener más</div>
<h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4>
<a class="button"
tabindex="0"
data-qa-tag="button-cta-get-started"
onclick="sksTracker.trackBeforeAction()"
href="https://dochub.com/sign-up"
data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities"
>Empieza ahora</a>
</div>
</section>
<section class="page-section page-section--related-searches">
<div class="page-section__inner">
<h3 class="section-title">Búsquedas relacionadas</h3>
<div class="tags-group">
<span class="tag" data-qa-tag="tag-link-1">ejemplo de atributo title en html</span>
<span class="tag" data-qa-tag="tag-link-2">tooltip de atributo title en html</span>
<span class="tag" data-qa-tag="tag-link-3">accesibilidad del atributo title en html</span>
<span class="tag" data-qa-tag="tag-link-4">atributo title en div</span>
<span class="tag" data-qa-tag="tag-link-5">tooltip de atributo title en css</span>
<span class="tag" data-qa-tag="tag-link-6">atributo title en mdn</span>
<span class="tag" data-qa-tag="tag-link-7">estilo de tooltip de atributo title en html</span>
<span class="tag" data-qa-tag="tag-link-8">atributo title en html no se muestra</span>
</div>
</div>
</section>
<div class="page__footer">
<div class="page-section page-section--footer">
<div class="page-section__inner">
<div class="footer-section">
<div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/155/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
<div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
<div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
<div class="socials-list lazy-background">
<div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div>
</div>
</div>
<div class="footer-section app-buttons app-buttons--desktop">
<a class="app-buttons__google-play"
href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
rel="noopener"
target="_blank">
<img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/155/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
</a>
<a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank">
<img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/155/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy">
</a>
</div>
<div class="copyright-caption">© 2025 DocHub, LLC</div>
</div>
<div class="footer-section">
<div class="footer-section-title">Products</div>
<div class="footer-menu">
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Functions</a></div>
</div>
</div>
<div class="footer-section">
<div class="footer-section-title">Company</div>
<div class="footer-menu">
<div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/about-us">About</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/patents">Patents</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Support</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div>
</div>
</div>
<div class="footer-section">
<div class="footer-section-title">Resources</div>
<div class="footer-menu">
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div>
</div>
</div>
<div class="footer-section">
<div class="footer-section-title">What's New</div>
<div class="text-label text-label text-label--new">New</div>
<div class="release-note-caption">DocHub v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</div>
</div>
<div class="footer-section footer-section--only-desktop">
<div class="footer-section-title footer-section-title--mobile-only">Contact us</div>
<a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
<div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
<div class="socials-list lazy-background">
<div class="socials-list__item">
<a class="socials-link socials-link--twitter" rel="noopener" target="_blank" href="https://twitter.com/dochub">Follow Us</a>
</div>
</div>
</div>
<div class="footer-section app-buttons app-buttons--mobile">
<a class="app-buttons__google-play"
href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
rel="noopener"
target="_blank">
<img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/155/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
</a>
<a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank">
<img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/155/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy">
</a>
</div>
</div>
<div class="page-section__inner page-section__inner--footer-mobile-only">
<div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/155/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
<div class="copyright-caption">© 2025 DocHub, LLC</div>
</div>
</div>
</div>
<div class="popup-cookie popup-cookie__v2">
<div class="popup-cookie__close js-popup-close"></div>
<div class="popup-cookie__row">
<div class="popup-cookie__column popup-cookie__column--description">
<div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience.
By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" rel="noopener" target="_blank">Privacy Notice</a>.
You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div>
</div>
<div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div>
</div>
</div>
<script>
window.events = {"google_one_tap_click":"dh_lp_google_one_tap_click","google_one_tap_close":"dh_lp_google_one_tap_close","google_button_displayed":"dh_lp_google_button_displayed","google_button_click":"dh_lp_google_button_click","pdffiller_editor_button_click":"dh_pdffiller_uploader_click"};
</script>
<script>
window.CURRENT_DATE_LOCALE = 'es';
</script>
<img style="position: absolute; left: -9999px;" src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/>
<script src="https://cdn.mrkhub.com/dochub-frontend/155/javascripts/functionality-page.js"></script>
<script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script>
<script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script>
<script src="https://static-ak.pdffiller.com/frontend/Uploader_1/42100/Uploader.js"></script>
<script>
window.user = {
'internalEmail' : '',
'isLogged' : false,
'isPaid' : false,
'email' : '',
};
window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Seleccione un documento';
const sendMetricWithRedirect = function(metrics = {}, route = '/api/send-metrics') {
return new Promise((resolve, reject) => {
let ajax = new XMLHttpRequest();
ajax.open('POST', route, true);
ajax.setRequestHeader('Content-Type', 'application/json');
ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
ajax.onload = function() {
if (ajax.status === 200) {
resolve();
} else {
reject();
}
};
ajax.send(JSON.stringify(metrics));
});
};
var sendStat = function() {
return true;
};
var isUserPaid = function() {
return window.user && window.user.isPaid !== undefined ? {
isPaid: window.user.isPaid
} : {isPaid: false};
};
var getUserEmail = function() {
return window.user && window.user.internalEmail !== undefined ? {
internalEmail: window.user.internalEmail,
} : {internalEmail: ''};
};
var isUserLogged = function() {
return window.user && window.user.isLogged !== undefined ? {
isLogged: window.user.isLogged
} : {
isLogged: false
};
};
var runTemplateSuggestion = function() {
console.log('runTemplateSuggestion');
return true;
};
var openEditor = function(res) {
if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') {
setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData);
fetch('https://www.pdffiller.com/api_v3/uploader/info?lang=es', {
method: 'post',
headers: {
'Content-Type': 'application/json',
'User-Agent': navigator.userAgent,
'userid': res.uploadData.auth.userId,
'token': res.uploadData.auth.token,
'appkey': res.uploadData.auth.appKey
},
body: JSON.stringify({
'origin': 'https://www.dochub.com',
'projectId': res.uploadData.docList[0].id,
'guestId': '12a4d4783d.1747799250'
})
})
.then(response => response.json())
.then(response => {
if (response.data && response.result === true) {
document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "CE_file_navigate",
})
sksTracker.trackBeforeAction();
sendMetricWithRedirect({
abTower: 'dh_pdffiler_editor_before_redirect',
dataDog: 'dh_pdffiler_editor_before_redirect',
}, 'https://www.dochub.com/api/send-metrics')
.then(() => {
window.location.href = response.data.redirect_url;
})
.catch(() => {
console.log("sendMetricWithRedirect: Failed to send metrics");
window.location.href = response.data.redirect_url;
});
} else {
console.log("Can't make redirect on editor");
}
});
}
return true;
};
window.sendMetric = (metrics = {}, route = '/api/send-metrics') => {
let ajax = new XMLHttpRequest();
ajax.open('POST', route, true);
ajax.setRequestHeader('Content-Type', 'application/json');
ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
ajax.send(JSON.stringify(metrics));
};
var setExternalGuestId = function (url, callback, uploadData) {
var ajax = new XMLHttpRequest();
var body = {
'guestId': '12a4d4783d.1747799250'
};
ajax.open('POST', url, true);
ajax.setRequestHeader('userid', uploadData.auth.userId);
ajax.setRequestHeader('token', uploadData.auth.token);
ajax.setRequestHeader('appkey', uploadData.auth.appKey);
ajax.setRequestHeader('Content-Type', 'application/json');
ajax.send(JSON.stringify(body));
};
function sendAbTestEvent() {
window.sendMetric({
abTower: 'dh_pdffiler_editor_start_uploading',
dataDog: 'dh_pdffiler_editor_start_uploading',
}, 'https://www.dochub.com/api/send-metrics');
}
function sendDataLayerEvent() {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "CE_file_upload",
})
}
var getRedirectLink = function (response) {
response = JSON.parse(response);
if (response.result) {
document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";
window.location.href = response.data.redirect_url
}
};
initUploader({
localePrefix: 'DOCHUB_',
app: 'DOCHUB_MAIN_FEATURES',
modes: {
microSites: true
},
features: ["@UPLOADER\/UPLOAD"],
api: {
base: 'https://www.pdffiller.com',
ws: {
host: 'wss://mm-websocket.pdffiller.com',
port: '443',
},
},
auth: {
appKey: 'klwlq3h4jfi8.apps.dochub.v1.0'
},
multiple: 1,
lang: 'es',
callbacks: {
end: openEditor,
request: runTemplateSuggestion
},
hooks: {
data: {
modalOpen: [getUserEmail, isUserLogged, isUserPaid]
},
actions: {
startUploading: [sendAbTestEvent, sendDataLayerEvent],
},
stat: sendStat,
},
});
</script>
<script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script>
<link media="all" href="https://cdn.mrkhub.com/dochub-frontend/155/stylesheets/functionality-page.css" rel="stylesheet">
</body>
</html>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'943117cbca57610f',t:'MTc0Nzc5OTI1MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script> 
